javascript - 点击按钮后 jquery 谷歌地图不会重新加载

Question

我从以下链接下载了 jquery map : enter link description here

它工作正常但是一旦我添加了一个名为 test1 的可点击 div 并将与加载 map 相关的代码放在其中并点击它没有任何反应这就是代码:

$(".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();


    });

值得注意的是 alert("ddddd");现在可以工作，但只要我把它放进去

$('#map_canvas').gmap({'disableDefaultUI':true, 'callback': function() {

它不起作用，似乎 $('#map_canvas').gmap 只分配了一次，再也没有分配过

有人能帮忙吗？

Answer 1

您必须首先删除(销毁) map 功能:

$('#map_canvas').gmap('destroy').gmap({/*options for initialization*/});