Question

我正在尝试使用jquery插件gmap3 http://gmap3.net/en/

以下情况：

我有两个地址，我希望地图初始设置为address1，点击后我希望将标记更新为address2

var address1 = 'an der alster 42, hamburg';
var address2 = 'schlossstraße, münchen';

$("#mappp").gmap3({
marker:{
  address: address1
},
map:{
  options:{
    mapTypeControl:false,
    zoom: 14
  }
}
});

$('#click').click(function(){
  $("#mappp").gmap3({
marker:{
  address: address2
},
map:{
  options:{
    mapTypeControl:false,
    zoom: 14
  }
}
});
});

这是一个小提琴http://jsfiddle.net/MDFTN/

我已经尝试在更新标记之前销毁地图，但无论如何都没有发生任何事情。

提前感谢任何提示

Answer 1

This answer解释了如何正常移动标记。我不知道你怎么在gmap3中这样做，因为它似乎完全忽略了原生googlemaps命令，渲染setPosition无用：/

Answer 2

与其尝试使用如此强大的jquery-gmap3库，你也可以自己做更多的事情 - 我创造了一个小提琴，可以做你想要的。

总结：我们通过对地址进行地理编码来跟踪地址latLng值，它与gmap3本身在给出标记普通地址时所做的事情相同，因此它实际上使用了google.maps.Geocoder();

这将有效：JS fiddle code

单击jquery gmap3更新标记 - 谷歌地图v3

2 个答案: