jquery-mobile - 使用 gmap v3 插件的 Jquery mobile - REFRESH MARKERS

Question

我有 jquery 移动站点，尝试添加带有动态标记的 gmap (v3):

 bindMap: function () {

    var markers = mapArray;  //global var with coordinates

    $('#mapContent').gmap({ 'callback': function () {
        var self = this;           
        $.each(markers, function (i, m) {
            if (markers[i][0] && markers[i][1]) {

                self.addMarker({ 'position': new google.maps.LatLng(markers[i][0], markers[i][1]), 'bounds': true }).click(function () {
                    self.openInfoWindow({ 'content': markers[i][2] }, this);
                });
            }
        });
    }
    });

} 

它为我加载了一张带有标记的 map ，但是一旦我更改了标记并返回到相同的代码以显示该 map ，它就会跳过回调函数并且不会使用新标记呈现新 map 。我试着打电话 $('#mapContent').gmap('refresh')之前或 $('#mapContent').gmap('clear', 'markers') , 仍然不显示新的标记..

Answer 1

我不太确定你的意思是“回到相同的代码”，但你不能重用相同的 map 对象。

我会有一个创建 map 的方法和一个添加/刷新标记的方法

function addMarkers(markers, clearOld) {

   if(clearOld) $('#mapContent').gmap('clear', 'markers');

   $.each(markers, function(i, m) {
      $('#mapContent').gmap('addMarker', {
         'position': new google.maps.LatLng(m.lat, m.lng),
         'bounds':true,
         'id' : m.id,
         'icon' : 'img/marker.png'
     },function(map,marker) {
         $(marker).click(function(){
           //do something
         });
     });
   });

}

因此，当您想向 map 添加新标记时，只需重用 map 并调用 addMarkers