Reputation: 710
We're embedding a Google Maps Engine (not google maps) and we're having some problems with the following:
The only viable option to embed the map seems to be using an iframe, unlike Google Maps which uses a javascript API. The most critical of the items above is the ability to disable the scroll wheel zoom when scrolling the page. Is anyone aware of a way to control this in Google Maps Engine or perhaps a workaround using jQuery or similar?
Effectively we want to disable the scroll wheel whenever the cursor is over the iframe:
setInterval(function(){
if($("#map-iframe").is(":hover")) {
$("#map-iframe").css("pointer-events:none" );
}
}, 200);
That's not working but even if it was I don't think it's right.
Any thoughts?
Many thanks
Upvotes: 2
Views: 405
Reputation: 4779
If you need additional customization over the default iframe embed, you should use the Google Maps JS API, and the MapsEngineLayer to display your GME data.
Upvotes: 4