WordPress.org

Ready to get started?Download WordPress

Forums

Leaflet Maps Marker (Google Maps, OpenStreetMap, Bing Maps)
iPhone5/Safari crashes on maps over 300PX (20 posts)

  1. sahara
    Member
    Posted 1 year ago #

    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/

  2. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. sahara
    Member
    Posted 1 year ago #

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

    By the way, it crashes on iPhone 4 too.

  4. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    which site crashes? mine? or yours? if yours - please post a url...

  5. sahara
    Member
    Posted 1 year ago #

    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.

  6. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    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

  7. sahara
    Member
    Posted 1 year ago #

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

    Sorry

  8. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

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

  9. sahara
    Member
    Posted 1 year ago #

    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... :-(

  10. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    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 :-)

  11. sahara
    Member
    Posted 1 year ago #

    Thanks again for your fast response, and your advice.

    Looks like more sleepless nights ahead.

  12. sahara
    Member
    Posted 1 year ago #

    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.

  13. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    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...

  14. sahara
    Member
    Posted 1 year ago #

    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.

  15. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    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

  16. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    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

  17. sahara
    Member
    Posted 1 year ago #

    Hi Robert. Thanks again for your help.

    I tried your code. It didn't work.
    With your code, the iphone still crashes AND the map does not display on the big screen either.

    All I did was cut and past your code into my CSS file. I made no changes to the code.

    Sorry for taking your time, but is there something else I can try?

  18. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,
    if the code I provided didnt work, than the workaround from your theme author will probably not work at all - have you tested it positively? I doubt so as ID gets generated dynamically on each page load.
    Unfortunately I dont have any further idea how to solve this - especially as I cant reproduce this issue - neither on safari on windows nor on ipad.
    You could try outcommenting several parts of your themes css file and check afterwards if safari still crashes - this could help identifying the code which is causing this. You could also disable the whole theme´s css file at once to see if it is the css at all. If not, I would do the same for javascript used on your site and/or code from functions.php
    hope this helps,
    best,
    Robert

  19. sahara
    Member
    Posted 1 year ago #

    Robert,

    I found a clue that might help.

    I have been trying to use Google maps only.

    When I select other maps such as Stamen Watercolor or Blue Marble Topology, and basically anything BUT Google maps... it all works perfectly with no Safari crash.

    With Google maps, when I go to my website on the iPhone, and open the map page, here is what I see:

    1. The site logo and header loads as usual
    2. The map outline loads in the full 700px height
    3. The Google map begins to fill in the map outline with the map details/graphics
    4. Just before the map is fully loaded with all of the map graphics in place, Safari crashes.

    So, the crash happens just before the map details finish loading, and only for google maps.

    I tried using the Google maps with and without a Google API key. Still it crashes.

    So, Robert, I can actually make my site work by using the non-Google maps, so I can move forward. But it is a mystery as to why they crash on my iPhone.

    But, of course, I'd prefer using the Google maps...

    Any ideas? Why only Google maps crash, for maps taller than 300px, on an iPhone?

    And thank you very much for your help. I will make a donation, and buy PRO.

  20. RobertHarm
    Member
    Plugin Author

    Posted 1 year ago #

    well, as said before: I cannot reproduce this on my devices - just checked again your site with google maps - not crashing on my ipad or Windows computer. So I can just tell you what I would do (which I already described in my earlier post): try to find the culprit code by
    1. disabling css template at all
    if this is the cause for the crash, I'd disable parts of the css to check which one is causing this
    2. if css is not the cause, I'd go for custom js with same approach: disabling all/parts of it to check if this is causing the crash.
    best,
    Robert

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags