iPhone5/Safari crashes on maps over 300PX

Hi,

thanks a lot for your great feedback (I′d appreciate your review at https://www.ads-software.com/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 (https://current.mapsmarker.com/2013/02/18/safari-test-height-330px/) and pro test site (https://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 https://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.

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

Here is my url:

https://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.

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 https://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

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… ??

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.

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.

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

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