在Google地理编码APO中使用HTTP get

Question

我在一个html文件中有一个地图，正在使用HTTP get和jquery来获取设备的位置。我需要这个，然后被传递到地图上，但不能得到地图来绘制这些。我需要解析给定的位置，然后将其绘制在地图上。到目前为止，这是我的代码，但它将数据作为警报提供。

function initialize() {



var mapOptions = {
zoom: 6,
center: new google.maps.LatLng(41, -87)//I need my data here
 }
 var map = new google.maps.Map(document.getElementById('map-canvas'),
                            mapOptions);

var image = 'images/marker';
var myLatLng = new google.maps.LatLng(41.875680, -87.61883);//i need my data here
var beachMarker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  icon: image
 });
}

google.maps.event.addDomListener(window, 'load', initialize);


setInterval(initialize,10000);




$.get("this is where i have the url for the get ", function(data){
  alert("Data Loaded: " + data);
  var pairs = data.split('&');
  alert(pairs[1])


  for (i in pairs){
  var split = pairs[i].split('=');
    if (split[0] == "lat") {
        lat = split[1];
    }

    else if (split[0] == "lng") {
        lng = split[1];
    }
}
coordinate = lat.concat(",");
coordinate = coordinate.concat(lng);
alert(coordinate);

});

我需要加载的数据不显示在警报中，但要被地图代码中的经纬点和长点所取代。如何将坐标数据放入地图代码中？

Answer 1

您应该将您的地图存储为全局变量，这样当您的查询返回结果时，您可以引用它。

然后你就可以使用

    map.setCenter(myLatLng);
    marker.setPosition(myLatLng);

更新地图的中心和标记的位置。

我在这里创建了一个快速演示，希望对您有所帮助

http://jsfiddle.net/asw32w5m/