删除jquery删除按钮上的所有gmaps标记

时间:2011-07-20 02:21:20

标签: jquery-ui jquery-gmap

我为gmaps使用jquery-UI-map,我想在点击Gmaps上的地图时弹出窗口。

 $(function() {             
                $('#map_canvas').gmap( {'center': new google.maps.LatLng(-0.789275, 113.921327), 'callback': function(map) {
                        $(map).click( function(event) {
                            $('#map_canvas').gmap('addMarker', {'position': event.latLng, 'title': '', 'draggable': true, 'bound': false}, function(map, marker) {
                            $('#test').dialog({'modal':true, 'title': 'Edit and save point', 'buttons': {
                            "Remove": function() {
                                $(this).dialog( "close" );
                               $(map).setMap(null);
                            },
                            "Save": function() {
                                $(this).dialog( "close" );
                            }
                        }});
                                findLocation(marker.getPosition(), marker);
                            }).dragend( function(event) {
                                var self = this;
                                findLocation(event.latLng, this);
                            }).click( function() {
                                openDialog(this);
                            })
                        });
                    }});

当我点击此代码中的删除按钮时,我想删除所有标记:

 "Remove": function() {
                            $(this).dialog( "close" );
                           $(map).setMap(null);}

但是标记仍然存在,有人请帮助我。谢谢

3 个答案:

答案 0 :(得分:17)

插件版本3中的

应该使用:

$('#map_canvas').gmap('clear', 'markers');

答案 1 :(得分:6)

你应该致电

$('#map_canvas').gmap('clearMarkers');

答案 2 :(得分:0)

之前没有使用过这个插件,但是快速浏览一下API文档似乎表明这可能有用:

"Remove": function() {
       $(this).dialog( "close" );
       $(map).clearMarkers();
}