单击按钮后jquery google map不会重新加载

Question

我从以下链接下载了 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();


    });

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

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

它似乎不起作用 $('#map_canvas').gmap 只分配了一次并且再也不会被分配

有人可以帮忙吗？

Answer 1

您必须首先删除（销毁）地图功能：

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