2015-10-29 3 views
-1

Я работаю над этим в течение нескольких дней и до сих пор не могу получить его. Мне нужно два вывода для отображения на карте. Будем признательны любому совету. Вот то, что я до сих пор:Добавить 2 балла в google map API

$.martanianGoogleMapInit = function() { 
 

 
var lat = 36.777259; 
 
var lng = -76.036311;var map_center = new google.maps.LatLng(lat, lng); 
 

 

 

 
     var mapOptions = { 
 
     
 
      zoom: 1, 
 
      center: map_center, 
 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
      scrollwheel: false 
 
     } 
 
     
 
     var map = new google.maps.Map(document.getElementById('google-map'), mapOptions); 
 
     var beachMarker = new google.maps.Marker({ 
 
      
 
      position: new google.maps.LatLng(lat, lng), 
 
      map: map 
 
     }); 
 
    };

+0

вы звоните '<сценарий SRC = "https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback= martanianGoogleMapInit" асинхронной Defer>'? в конце страницы? – morels

+0

Ваш код показывает мне маркер, и это именно то, что у вас есть? Если карта вообще не отображается, возможно, из-за того, что вам не хватает вызова @morels, или вы отсутствуете, чтобы включить Javascript API Google Maps. –

+0

. Как вы пытаетесь добавить второй маркер? – geocodezip

ответ

0

Ниже, кажется, работает для меня, используя свой собственный ключ API. Я получаю два маркера. Вы можете создать функцию, которая принимает входные данные массива с несколькими значениями lat + lng и повторяет функцию «new google.maps.Marker()».

Конечно, как указывали другие комментарии, вы должны иметь ссылку на API Карт Google в своем, предоставленном вашим собственным API-интерфейсом.

$.martanianGoogleMapInit = function() { 
    var lat = 36.777259; 
    var lng = -76.036311; 
    var map_center = new google.maps.LatLng(lat, lng); 

     var mapOptions = { 
      zoom: 10, 
      center: map_center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      scrollwheel: false 
     } 

     var map = new google.maps.Map(document.getElementById('google-map'), mapOptions); 
     new google.maps.Marker({ 
      position: new google.maps.LatLng(lat, lng), 
      map: map 
     }); 

     new google.maps.Marker({ 
      position: new google.maps.LatLng(lat+0.0101, lng), 
      map: map 
     }); 
    };