Question

我已经编写了下面的代码，当点击id =“showmarkers”的按钮时，它会在谷歌地图上显示标记。

我想要发生的是当再次点击相同的按钮时（或者当使用id =“hidemarkers”点击另一个按钮时）标记将被隐藏。

非常感谢任何帮助，谢谢

$(document).ready(function() {
$("#map").css({
    height: 500,
    width: 600
});
var myLatLng = new google.maps.LatLng(51.50754,-0.127894);
    MYMAP.init('#map', myLatLng, 13);

$("#showmarkers").click(function(e){
    MYMAP.placeMarkers('markers.xml');
});

});

var MYMAP = {
    map: null,
bounds: null
    }

MYMAP.init = function(selector, latLng, zoom) {
var myOptions = {
zoom:zoom,
center: latLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

this.map = new google.maps.Map($(selector)[0], myOptions);
this.bounds = new google.maps.LatLngBounds();
}

MYMAP.placeMarkers = function(filename) {
$.get(filename, function(xml){
    $(xml).find("marker").each(function(){
        var name = $(this).find('name').text();
        var address = $(this).find('address').text();

        var lat = $(this).find('lat').text();
        var lng = $(this).find('lng').text();
        var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));

        MYMAP.bounds.extend(point);

        var marker = new google.maps.Marker({
            position: point,
            map: MYMAP.map
        });

        var infoWindow = new google.maps.InfoWindow();
        var html='<strong>'+name+'</strong.><br />'+address;
        google.maps.event.addListener(marker, 'click', function() {
            infoWindow.setContent(html);
            infoWindow.open(MYMAP.map, marker);
        });

    });
});
}

Answer 1

你可以有一个布尔标志'shouldHideMarkers'并检查它是否为真，所以隐藏它们，或者假，显示它们。请记住，如果要从地图中删除标记，则应将其map属性设置为null。最好的方法是将所有标记变量存储到数组中并遍历数组，以便将其map属性设置为null以隐藏它们

按钮单击隐藏Google地图标记

1 个答案: