禁用控件 google 个地图

Question

我把一个 google 地图从 snazzy maps 放到我的新网站上，很好很好，但是如果尝试禁用缩放功能和控件，地图是否显示。我如何显示控件和放大和缩小？` 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!'

            })
            ;
        }`

Answer 1

来自 Google 地图 API 文档，要禁用缩放和控件，只需添加

disableDefaultUI: true,

添加到您的地图选项。您还可以仅通过将某些控件添加到您的 mapOptions 来启用它们。要获得可用控件的完整列表，只需在此处查看 https://developers.google.com/maps/documentation/javascript/controls

禁用控件 google 个地图

Disable controls google maps

javascript

google-maps