我可以在Google Map API v3中以编程方式隐藏动态图层中的标记吗?

时间:2014-10-15 09:51:39

标签: javascript google-maps-api-3

我想动态使用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

0 个答案:

没有答案