我从以下链接下载了jquery地图: enter link description here
并且它正常工作但是只要我添加一个名为test1的可点击div并将相关的代码加载到地图中并点击它就没有任何事情发生这就是代码:
$(".test1").click(function() {
$("#test1").append("<li data-gmapping=" +
"'{\"id\":\"m_1\",\"latlng\": {\"lat\":27.6648274,\"lng\":-81.51575350000002},\"tags\":\"drupal\"}'>" +
"<p class=\"info-box\">Florida DrupalCamp - Feb 11 2012</p></li>");
demo.add(function() {
alert("ddddd");
$('#map_canvas').gmap({'disableDefaultUI':true, 'callback': function() {
var self = this;
$("[data-gmapping]").each(function(i,el) {
var data = $(el).data('gmapping');
alert($(el).find('.info-box').text());
self.addMarker({'id': data.id, 'tags':data.tags, 'position': new google.maps.LatLng(data.latlng.lat, data.latlng.lng), 'bounds':true }, function(map,marker) {
$(el).click(function() {
$(marker).triggerEvent('click');
});
}).click(function() {
self.openInfoWindow({ 'content': $(el).find('.info-box').text() }, this);
});
});
}});
}).load();
});
值得注意的是警报(“ddddd”);现在可以工作但是我把它放在
中$('#map_canvas').gmap({'disableDefaultUI':true, 'callback': function() {
它似乎不起作用$('#map_canvas')。gmap只被分配一次而永远不会被分配
任何人都可以帮忙吗?
答案 0 :(得分:2)
您必须先删除(销毁)地图功能:
$('#map_canvas').gmap('destroy').gmap({/*options for initialization*/});