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

22 votes
Vote
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    Michael Wells shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    4 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      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