I suggest you ...

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-

https://codepen.io/hubpork/pen/xriIz

24 votes
Vote
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
You have left! (?) (thinking…)
Michael Wells shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

4 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...
  • Anonymous commented  ·   ·  Flag as inappropriate

    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.

  • kody commented  ·   ·  Flag as inappropriate

    Michael, did you ever figure this out? I am having the same issue.

Feedback and Knowledge Base