Question

我正在尝试根据AJAX调用返回的数据每隔x秒更新Google地图上的标记。每隔x秒调用一次Ajax函数，但不显示标记。下面是我写的JavaScript。谁知道原因？感谢。

    <script type="text/javascript">
  var map
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(1.32643, 103.79426),
      zoom: 11
    };
  map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);
  }


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

        //Ajax call to get position
  function set_center() {
        var feedback = $.ajax({
            type: 'GET',
            url: 'get_gps_position',
          success: function (data) {
            console.log(data);
              if (data['gps_position_longitude'] != null && data['gps_position_latitude'] != null ) {
                var latlng = new google.maps.LatLng(data['gps_position_longitude'], data['gps_position_latitude']);
                var marker = new google.maps.Marker({
                position: latlng, 
                map: map,
                title:"Hello World!"});

              };


        },
        error: function(data) {
            $("#result").html(data);
            console.log(data)
        }
    });
  }

  setInterval(set_center, 10000);

</script>

Answer 1

假设请求按预期运行并返回有效的JSON：

var latlng = new google.maps.LatLng(data['gps_position_longitude'], data['gps_position_latitude']);

google.maps.LatLng期望参数的顺序为latitude, longitude，而不是longitude,latitude。

此外：不是在每个请求上创建新标记，而是最好创建一个标记，并使用setPosition()更新位置。

此外：要确保标记在视口内可见，还要将地图中心设置为latlng

Answer 2

尝试使用javascript通过新标记的位置提醒消息，看看它是否真的在后台更新。如果它剂量，那么它与刷新dom或其他东西。

每隔x秒更新一次谷歌地图上的标记

2 个答案: