禁用控件谷歌地图

Disable controls google maps

本文关键字:谷歌地图 控件      更新时间:2023-09-26

我把一个来自时髦地图的谷歌地图放到我的新网站,很好,但如果尝试分散缩放功能和控件,地图是否显示关闭。 如何显示控件和放大和缩小? google.maps.event.addDomListener(window, 'load', init);

        function init() {
            var mapOptions = {
                // Map Zoom
                zoom: 14,
                center: new google.maps.LatLng(53.55741 , 9.96133), // Hamburg

                // Snazzy Maps.
                styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]}]
            };
            var mapElement = document.getElementById('map');
            var map = new google.maps.Map(mapElement, mapOptions);
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(53.55741   , 9.96133),
                map: map,
                title: 'Awesom Media!'
            })
            ;
        }`

从谷歌地图API文档中,要禁用缩放和控件,只需添加

disableDefaultUI: true,

到您的地图选项。您也可以仅通过将某些控件添加到地图选项来启用这些控件。要获取可用控件的完整列表,请查看此处 https://developers.google.com/maps/documentation/javascript/controls