我想动态使用javascript来隐藏嵌入在普通地图顶部的动态图层中的一些标记,使用Google Maps API v3。
我的代码通常如下所示:
function init_form() {
document.getElementById('change_select_element').addEventListener('change', function () {
// Somehow hide some markers based on user input.
});
}
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(20, -121)
};
map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
// The example layer I use here lacks markers, but the one I use will have some.
var layer = new google.maps.visualization.DynamicMapsEngineLayer({
layerId: '06673056454046135537-08896501997766553811',
map: map,
suppressInfoWindows: true,
clickable: true
});
init_form();
}
google.maps.event.addDomListener(window, 'load', initialize);
我想知道是否有一些标记的DOM元素表示我可以方便地锁定并应用display:none
之类的CSS样式。例如,能够动态地隐藏地图上的任何标记是很好的:http://maps.google.com/gallery/details?id=zah9NJ0CwqNw.kAx_b7jm9Uz0&hl=en