当前位置: 首页 > 知识库问答 >
问题:

谷歌地图移动标记与lat/lng从ajax成功返回的数据

百里骏
2023-03-14

正在尝试使用sql db中的lat/long坐标移动间隔上的标记/映射。

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)将移动它,返回的数据显示在alert()中,但与moveMarkerMap()一起使用时,标记不会移动

从ajax返回的字符串是正确的格式;(9.624672,7.242244)如警报()所示,所以不确定为什么它不工作。

共有1个答案

龙景澄
2023-03-14

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

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

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

将字符串转换为谷歌地图

将“[52.43242,4.43242]”转换为google LatLng

如何从变量中使用位置在谷歌地图上获得引脚?

 类似资料:
  • 我有谷歌地图搜索框,当我搜索特定的地方时,我想用(lat,lng)访问标记位置,当我通过拖放标记时,我可以准确地访问位置 但我希望在搜索完成时获得标记位置,而不使用&

  • 问题内容: 尝试通过sql数据库中的经/纬度坐标间隔移动标记/地图。 在moveMarkerMap()中设置新的google.maps.LatLng(14,41)会移动它,并且returnData显示在alert()中,但与moveMarkerMap()一起使用时标记不会移动 从ajax返回的字符串格式正确;(9.624672,7.242244)如alert()所示,因此不确定为什么它不起作用。

  • 我使用“google-maps-react”,并尝试通过点击向我的地图添加新的标记。 目前,我可以通过控制台记录特定的latLng,但似乎无法创建新的LATLING。我还没反应过来。 我的onMapClick用于查找纬度和经度。但我认为我需要将位置添加到数组中,然后使用该位置更新地图。可能是错的 Im目前的解决方案是,我只是在我的 render() 中硬编码了一些标记,数组的位置在 Marker

  • 它会影响地图加载的速度吗??当一次加载一堆标记时! JS功能:

  • 我使用Google Maps Android SDK在地图上添加标记,这些标记的位置存储在我的应用程序的所有用户都可以使用的Firebase数据库中。每个标记的数据存储在唯一的Firebase记录中,每个记录包含纬度 添加了一个新标记。 更改现有标记(移动到新位置和/或“验证”) 删除现有标记 我实现了一个哈希图,如如何使用Firebase Google Maps API Android中的数据更

  • 我成功创建了一个活动,用户可以在其中发布他的状态并将他的当前位置放置在android工作室中创建的google map中。我还尝试在map中查看所有其他用户,我成功地做到了。但是,随着他们的位置发生变化,不断增加。我想实现这样一种情况,即用户在移动时可以在地图上看到彼此,并且这些也会相应地移动。我使用Firebase作为我的后端来存储他们的位置和状态。这是我想出的代码。 请帮帮我!提前感谢!:)