Then, you can see my little map : 10 markers on a basic map.
The issues in this map (i tried a lot of thing !) are several...
- My tiles does not show up on the map : only one tile and if i move, that is not better..
- My marker are "stacked" on the upper lest corner. If i click on it in the list below (despite the "center and zoom"), the markers are leaved on the left part of the map..
By the way, to get ZHOsm working on the site, i have always to put "domready" in configuration otherwise the map does not appear...
If you could tell me what is going wrong, it can help me a lot
I still continue to try to find by myself but honnestly, after some hours, i'm not sure to succeed
Thanks anyway Dima !
I understood why the JQuery was not working : as i have a form on all the page already loading the Jquery, it was a conflict. I change my page to load the form separately and all is ok with the JQuery loading... but the issue is the same with the tiles not loaded and the markers stacked on the left or off screen...
It is due to you initialize map in hidden container, like accordion.
In this case your div is not occupy whole page, and when map is loaded - it is set width and height to its size, and when you show it - you'll get wrong size. In this case you need to call map to resize, but I think it is not easy to you (and you didn't access to map variable to access to map).
You can try trick - insert iframe call into your accordion item and call map by plugin or by component call with tmpl parameter like