My website features a mashup displayed on Google Map. However, I've encountered an issue when trying to zoom into the map on a mobile web browser - more often than not, the page ends up zooming instead of the map itself. Is there a technique in HTML, CSS, or javascript that can be used to prevent the page from zooming while interacting with the map?
I attempted using
<meta name='viewport' content='user-scalable=no'>
, but unfortunately, this also disabled zoom functionality for the map.