2016-06-27 7 views
0

Я использую GMap Image Cutter для подготовки пользовательской карты. Оно работает.GMap Image Cutter. Зачем добавлять маркер в карту с бесконечным номером?

Однако, когда я пытаюсь добавить маркер на карте:

//Add marker 
var marker = new google.maps.Marker({ 
    map:map, 
    position: new google.maps.LatLng(0,0), 
    title: "My Marker" 
}); 

Бесконечное число маркеров, лежащих вдоль в х = 0 axis.The расстояние между двумя маркерами ширина карты.

Я играю в течение всего дня, но до сих пор не могу получить решение.

Как добавить только один маркер?

+1

Вы можете создать [скрипку] (http://jsfiddle.net) или [** Stack Отрывок **] (https://blog.stackoverflow.com/2014/09/introduction-runnable-javascript-css-and-html-code-snippets /) – Pugazh

+0

Привет, Pugazh, Спасибо за вашу большую помощь. Задача решена. – Alex

ответ

1

Ниже приведен пример для начала. Отрегулируйте широту и долготу в соответствии с вашими потребностями.

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <style> 
 
    #map { 
 
     width: 500px; 
 
     height: 400px; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <div id="map"></div> 
 
    <script> 
 
    function initMap() { 
 
     var myLatLng = { 
 
     lat: 0, 
 
     lng: 0 
 
     }; 
 
     var mapDiv = document.getElementById('map'); 
 
     var map = new google.maps.Map(mapDiv, { 
 
     center: { 
 
      lat: 44.540, 
 
      lng: -78.546 
 
     }, 
 
     zoom: 1 
 
     }); 
 
     var marker = new google.maps.Marker({ 
 
     position: myLatLng, 
 
     map: map, 
 
     title: 'Hello World!' 
 
     }); 
 
    } 
 
    </script> 
 
    <script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script> 
 
</body> 
 

 
</html>

+0

Привет, Pugazh, Спасибо за вашу большую помощь. Задача решена. – Alex

+0

@Alex: Приятно помочь! – Pugazh