Google Maps - Single finger scrolling (for mobile) and getting rid of buttons

Hello all, I’m creating an app that has Google Maps as its main feature. How can I disable the buttons around the map and allow for single finger scrolling on a mobile device as at the moment when trying to scroll it says “Use two fingers to move the map”. I found this documentation on the google map zooming specifications, however how do I import this code into the map? I’ve tried through html but that hasn’t worked. Thanks a lot! :slight_smile: Controlling Zoom and Pan | Maps JavaScript API | Google Developers

you can hide some of the controls using CSS. something like

<style>

.gm-style-mtc {
	display: none !important;
  }
.gm-fullscreen-control {
  display: none !important;
}

.gm-bundled-control {
  display: none !important;
}

.gm-bundled-control-on-bottom{
  display: none !important;
}

.gm-style-cc{
  display: none !important;
}

</style>

should do it.

2 Likes

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