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-
-
Maryan commented
Hi, is 2022 now do anyone found any solution to customise the marker position for certain devices please?
-
Pieter Brink commented
Bump! This would be great!
Has anyone found a workaround for the current implementation?
-
Anonymous commented
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.
-
Anonymous commented
same here
-
kody commented
Michael, did you ever figure this out? I am having the same issue.