当前位置: 首页 > 面试题库 >

谷歌地图从ajax成功返回数据的经度/纬度移动标记

皇甫鸿远
2023-03-14
问题内容

尝试通过sql数据库中的经/纬度坐标间隔移动标记/地图。

function initialize() {
    var myLatLng = new google.maps.LatLng(41,14);

    var myOptions = {
        zoom: 16,
        center: myLatLng,
        scrollwheel: false,
        panControl: true,
        zoomControl: true,
        mapTypeControl: true,
        scaleControl: true,
        streetViewControl: true,
        overviewMapControl: true,
        mapTypeId: google.maps.MapTypeId.SATELLITE,
    }

    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

    marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        draggable: false
});

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

function getCoords() {

$.ajax({
url: "../ajaxscript.php",
type: "POST",
data: {
foo : "bar"
},
dataType: "text",
success: function(returnedData) {
      alert(returnedData);
    moveMarkerMap(returnedData);
}
});

}

function moveMarkerMap(newCoords) {
var newLatLang = new google.maps.LatLng(newCoords);
map.panTo(newLatLang);
marker.setPosition(newLatLang);

}
window.setInterval(getCoords, 5000);

在moveMarkerMap()中设置新的google.maps.LatLng(14,41)会移动它,并且returnData显示在alert()中,但与moveMarkerMap()一起使用时标记不会移动

从ajax返回的字符串格式正确;(9.624672,7.242244)如alert()所示,因此不确定为什么它不起作用。


问题答案:

google.maps.LatLng构造函数使用两个数字作为参数。这行不通:

var newLatLang = new google.maps.LatLng(newCoords);

您需要将newCoords转换为两个数字。



 类似资料:
  • 正在尝试使用sql db中的lat/long坐标移动间隔上的标记/映射。 在moveMarkerMap()中设置新的google.maps.LatLng(14,41)将移动它,返回的数据显示在alert()中,但与moveMarkerMap()一起使用时,标记不会移动 从ajax返回的字符串是正确的格式;(9.624672,7.242244)如警报()所示,所以不确定为什么它不工作。

  • 我有这样一段代码,它从数据库中获取详细信息,并将其放入php数组中,然后将该数组传递给javascript以生成Google地图: 我的问题是为什么地图上没有标记?没有返回错误,但也没有标记。我必须在php循环中移动javascript代码吗?如果我通知locations.length,我得到1作为locations.length。为什么js将位置数组计算为1个位置?提前谢谢!

  • 长话短说,我想更新地图上的标记仅使用传感器数据,但我在API中找不到允许我更新地图上的纬度/经度的库函数。根据我计算的新纬度/经度,有什么东西可以做到这一点吗?

  • 在我的应用程序中创建一个数组列表,其中包含JSON的纬度和经度,并使用数组列表在地图中添加标记,但当纬度长改变标记从一个位置移动到另一个位置时,它会创建两个标记而不是移动,如果我给map.clear(),整个标记会禁用并启用,但我想删除旧标记,如果不使用map.clear(),这是怎么可能的,请帮助 需要专用void setupmapifneed(视图膨胀视图){