Responsive map centering, as map resizes between desktop/tablet/phone
Currently the map does not maintain the center as the map resizes. For most maps, this is crucial. The main point of interest is the center of the map, so on phones that needs to be maintained, rather than showing the left most 1/4 (and the pin is off-screen).
I know this can be done with Google Maps using the map "resize" event, but I am not certain how to get the JS map object from the SnazzyMaps iframe. Here's an example of a Google Map using the technique-
Pieter Brink commented
Bump! This would be great!
Has anyone found a workaround for the current implementation?
This needs to be addressed ASAP. This is a major development flaw. If I am creating a responsive site, the marker disappears at a basic 800px. The entire point of a marker is to show the business or POI, not allowing centering absolutely destroys that.
Michael, did you ever figure this out? I am having the same issue.