在谷歌地图中使标记不可见

时间:2014-04-09 22:21:57

标签: javascript jquery asp.net google-maps google-maps-api-3

我正在使用谷歌地图和一些asp控件,如checkboxlist和dropdownlist。 最初,地图上填充了一些标记。 如果checkboxlist值改变(选择的索引已更改),我想隐藏地图中的一些标记。 切换显示和隐藏选定索引上的标记已更改,因为它触发回发。

请帮我完成这件事。

感谢你,

AGM RAJA

1 个答案:

答案 0 :(得分:0)

填充初始地图时,如何跟踪这些添加的标记? Google地图以后无法查询它们,并且它们不会添加到DOM中,而是使用css选择器选择它们。

您可能希望将每个添加的标记推送到列表中,以便稍后通过其键名检索它们。

     var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);
    var googlemarkers={};

    googlemarkers['mynewmarker']=new google.maps.Marker({position: new google.maps.LatLng(-34.397, 150.644), map:map});

然后,取消选中复选框

var mymarker=googlemarkers['mynewmarker'];
mymarker.setMap(null);