Remove map buttons

I’m trying to make a more clean map.

Found this here on the forum: Making displayed Map more simple

This removes the Map/Satellite buttons but not the +/- buttons: <style> .gm-style-mtc { display: none !important; } </style>

Added this to the header which I found here: <div id="mapA"></div> <script> function initMap() { var map = new google.maps.Map(document.getElementById('mapA'), { disableDefaultUI: true }); } </script>

Could someone please help me point me in the right direction?

1 Like

@jaos.pcl The simplest method is unchecking ‘Allow zooming and dragging’ but as it notes, you cannot drag the map if you are trying to hide +/- buttons.

Thanks for your answer. Zooming and dragging is needed. The map will be displayed on phones and therefore, those buttons wont be needed.

This topic was automatically closed after 70 days. New replies are no longer allowed.