Question

我在html文件中有一个地图，我正在使用HTTP get with 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);

});

我需要加载的数据不会显示在警报中，而是由地图代码中的lat和long点替换。如何将坐标数据放入地图代码？

Answer 1

您应该将地图以及可能的标记存储为全局变量，以便以后在查询返回结果时可以引用它。

然后你可以使用

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

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

我在这里创建了一个快速演示，希望对此有所帮助 http://jsfiddle.net/asw32w5m/

使用HTTP获取Google地理编码APO

1 个答案: