WordPress.org

Support

Support » Plugins and Hacks » iPhone5/Safari crashes on maps over 300PX

iPhone5/Safari crashes on maps over 300PX

  • Thank you for this excellent work — refreshing to see such professionalism and imagination.

    This plugin is the solution we have been seeking and every thing works perfectly, except:

    If I set a map layer to any height over 300px, my site will load as usual, the map begins to display as usual, then boom — Safari crashes, and I have to reenter the address and start over. I have toggled options such as “Retina Display” and everything else I can find that might cause Safari to crash. Even updated my iPhone OS. Narrowed the problem down to map layer height.

    If I keep the map layer height below 300px, everything works just fine and Safari does not crash.

    Any idea what might be happening here?

    Thanks for your excellent support — I will purchase the PRO version, at any price.

    http://wordpress.org/extend/plugins/leaflet-maps-marker/

Viewing 15 replies - 1 through 15 (of 19 total)
  • Plugin Author RobertHarm
    Participant

    @harmr

    Hi,

    thanks a lot for your great feedback (Iยดd appreciate your review at http://wordpress.org/support/view/plugin-reviews/leaflet-maps-marker even more ๐Ÿ˜‰ – this really motivates me on keeping developing new features & adding improvements!

    Concerning your issue: I have trouble reproducing this – I set up marker and layer maps with height 330px – both on my free dev site (http://current.mapsmarker.com/2013/02/18/safari-test-height-330px/) and pro test site (http://pro.mapsmarker.com/?p=11) – both worked without crashing. I tried opening the pages with latest Safari on Windows and on iPad2/iOS6 – no issues here.

    Have you already followed the steps from http://mapsmarker.com/readme-first ? I could imagine that this is due to a plugin or theme conflict – try disabling all other plugins for testing to see if this causes the issue; also switching to twenty twelve theme for tests to check. If this is not the reason, we will have to look further…
    best,

    Robert

    Yeah, disabled all plugins… Did not try a new theme. Will do.

    By the way, it crashes on iPhone 4 too.

    Plugin Author RobertHarm
    Participant

    @harmr

    which site crashes? mine? or yours? if yours – please post a url…

    Here is my url:

    http://bizpress.biz/thrive2/

    This is my demo/test site.

    On a big screen, click on Global Map in the main nav.
    On an iPhone4 or 5, Safari crashes after loading that Global Map page.
    The site itself does not crash, loads fine, until you open the Global Map page.

    Thank you very much for your time; I am more than happy to contribute if we can resolve this final issue. I really need your plugin, and I need it to be solid on all platforms with the theme I am using.

    Plugin Author RobertHarm
    Participant

    @harmr

    Tested your site on Safari 5.1.7 on Windows and on iPad2/iOS6 – still cant reproduce this issue.

    Can you please try the following: download the following zip package at http://test.mapsmarker.com/wp-content/uploads/leaflet051.zip, overwrite the files in /wp-content/plugins/leaflet-maps-marker/leaflet-dist and check if Safari still crashes?
    best,

    Robert

    OK. Did as you instructed. Cleared cache. Still crashes on iPhone…
    Still looks good on the big screen…

    Sorry

    Plugin Author RobertHarm
    Participant

    @harmr

    please try another theme like twenty twelve – switching for testing purposes should be no problem – all widgets + settings get saved normally…

    OK. Tried 2012. It works on that theme. However, of course 2012 throws in a sidebar.

    So I reloaded my theme, added a sidebar just for kicks, and it still crashes.

    Looks like a theme problem — not your issue.

    Sorry to bother you with this, but thank you very much for trying to help. Your quick response and professionalism is greatly appreciated.

    We have a lot of time invested in this theme… ๐Ÿ™

    Plugin Author RobertHarm
    Participant

    @harmr

    ok. Try identifying the culprid code be outcommenting parts of the code sequentially – Iยดd start with functions.php, style.css and so forth and check which code is causing this.
    Wish you good luck ๐Ÿ™‚

    Thanks again for your fast response, and your advice.

    Looks like more sleepless nights ahead.

    Sorry to bother you once again — just one quick question:
    Where can I find the Map IDs referenced below?

    The Theme author had a look at my site with your plugin, and could not find anything wrong with his code — but he sent me this code to work around the issue of having Maps >300 px crash on an iPhone:

    ________________________________________

    /* Not a mobile */
    #lmm_a45b3295 .mapsmarker {
    display: block;
    }
    #lmm_a45b3296 .mapsmarker {
    display: none;
    }

    /* Is a mobile */
    @media only screen and (max-width: 767px) {

    #lmm_a45b3295 .mapsmarker {
    display: none;
    }
    #lmm_a45b3296 .mapsmarker {
    display: block;
    }

    }

    Where lmm_a45b3295 and lmm_a45b3296 are the map IDs.
    ____________________________________

    Thanks again for a great plugin, and for your excellent support.

    Plugin Author RobertHarm
    Participant

    @harmr

    Map ID is generated dynamically – see $mapname in /inc/showmap.php (used several times – for marker + layer maps), also in /leaflet-fullscreen.php
    changing this code might be problematic as this would have to be done on each update…

    OK. I understand. Thank you.

    However, if I create a map-layer/map, does it always keep the same ID? If so, I can find the dynamically-created ID, in the generated HTML code, and copy that, then use it in my theme’s CSS.

    Any problem you can see with this?

    ALSO…

    You say you plan to add a feature into your PRO version to allow viewers/customers to input markers from a front end form. If you need a beta tester count me in — I need this feature because we expect to have thousands of viewers/customers who want to add their own marker (without any help/intervention from me the admin.) This will be a real time saver.

    Plugin Author RobertHarm
    Participant

    @harmr

    ID gets created dynamically and changes on each page view – I am not sure if I could change this….will check.

    ad input markers from frontend: as said before, this is on the roadmap. I just need more time to develop all features, so please be patient.
    best,
    Robert

    Plugin Author RobertHarm
    Participant

    @harmr

    changing the unique map ID is not really an option as this would create other problems. But I guess the solution for your site is quite simple – just use the class identifier for your css, this should also work:

    /* Not a mobile */
    .mapsmarker {
    display: block;
    }
    .mapsmarker {
    display: none;
    }
    
    /* Is a mobile */
    @media only screen and (max-width: 767px) {
    
    .mapsmarker {
    display: none;
    }
    .mapsmarker {
    display: block;
    }
    }

    best,

    Robert

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘iPhone5/Safari crashes on maps over 300PX’ is closed to new replies.