从json添加多个标记到Google地图

Question

我正在尝试构建一个Web应用程序，它从服务器中提取数据并将多个标记添加到来自JSON响应的Google地图中。这是JSON响应的样子：

{"key":[{"Latitude":"60.186518","Longitude":"24.950575"}...]} 

我试图实现从this post代码，但我无法得到它的工作。

这是我到目前为止的代码：

function success(position) { 
    var mapcanvas = document.createElement('div'); 
    mapcanvas.id = 'mapcontainer'; 
    mapcanvas.style.height = '600px'; 

    document.querySelector('article').appendChild(mapcanvas); 
    var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
    var options = { 
    zoom: 15, 
    center: coords, 
     panControl: false, 
    zoomControl: false, 
    mapTypeControl: false, 
    scaleControl: false, 
    streetViewControl: false, 
    overviewMapControl: true, 

    navigationControlOptions: { 
     style: google.maps.NavigationControlStyle.SMALL 
    }, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("mapcontainer"), options); 
    var marker = new google.maps.Marker({ 
     position: coords, 
     map: map, 
     title:"You are here!"}); 

function getLocations() { 

    $.getJSON("http://myurl.com/jsonresponse", function (json) { 

     var location; 


     $.each(json.key, function (i, item) { 
      addMarker(item.Latitude,item.Longitude); 
     }); 

    }); 
} 

function addMarker(lat,lng) { 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(lat,lng), 
      map: map, 
     }); 
     markersArray.push(marker); 
} 

} 
if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(success); 
} else { 
    error('Geo Location is not supported'); 
} 

Answer 1

请试试这个：在addMarker功能

 function getLocations() { 
      $.ajax({ 
       url: 'http://myurl.com/jsonresponse', 
       async:false, 
       success: function(data) { 
       $.each(data.key, function(index) { 
        addMarker(data[index].Latitude,data[index].Longitude); 
        }); 
       } 
      }); 
     } 

其他合理使用的console.log（纬度，经度），并在这里复制输出。