Symptom
You've created your map and published it, however, it doesn't display on your site or page.
Explanation
Normally, the map will display after you have clicked "Publish" and placed the Shortcode on your site or page. Some instances were reported, however, in which only a blank map appears on the front-end.
Resolution
Ensure placing the correct Shortcode on the site or page.
Log out of WordPress and log back in.
In many cases, this solves the problem and the map will then behave as expected.
Comments
6 comments
Hi, logging in and out makes no difference. I can see the map code in the source, the filter bar appears but the map is blank.
Tried google map and custom image map, neither work.
No javascript errors on page.
Any other reason why map is not displaying?
Narrowed it down to a clash with this plugin:
https://wordpress.org/plugins/wp-favorite-posts/
Haven't fixed the issue yet but maps appeared once I disabled that plugin.
Thanks for the input, we'll look into this as well and see if we can solved the conflict.
I am having the same problem but i do not have WP Favorite Posts plugin installed.
Could you please tell me what is there to be done so i can realy use this plugin?
It looks like the problem has something to do with the theme i am using. If i change the theme with the wordpress default one is working.
I'm not a programmer and i'm not good ar understanding code so if you could please help me. The only thing i've found out is the two codes below: one for when the map is not showing (on my theme) and the code for when the map is showing (with the default wordpress theme):
<div id="mpfy-map-0" class="mpfy-fullwrap">
<div class="cl"> </div>
<div class="mpfy-mode-google_maps ">
<div style="display: none;">
<a class="mpfy-pin mpfy-pin-id-1564" data-id="1564" href="http://localhost/wordpress/map-location/test-2/?mpfy-ajax=1"> </a>
</div>
<div id="custom-mapping-google-map-0" style="height: 300px; overflow: hidden;"></div>
</div>
</div>
<div id="mpfy-map-0" class="mpfy-fullwrap">
<div class="cl"> </div>
<div class="mpfy-mode-google_maps ">
<div style="display: none;">
<div id="custom-mapping-google-map-0" style="height: 300px; overflow: hidden; position: relative; background-color: rgb(229, 227, 223);">
<div class="gm-style" style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;">
<div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0; cursor: url("http://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%;">
<div style="position: absolute; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%;"></div>
<div style="position: absolute; left: 0px; top: 0px; z-index: 3; width: 100%;">
</div>
<div style="margin-left: 5px; margin-right: 5px; z-index: 1000000; position: absolute; left: 0px; bottom: 0px;">
<div class="gmnoprint" style="z-index: 1000001; position: absolute; right: 201px; bottom: 0px; width: 152px;">
<div style="background-color: white; padding: 15px 21px; border: 1px solid rgb(171, 171, 171); font-family: Roboto,Arial,sans-serif; color: rgb(34, 34, 34); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); z-index: 10000002; display: none; width: 256px; height: 148px; position: absolute; left: 87px; top: 60px;">
<div class="gmnoscreen" style="position: absolute; right: 0px; bottom: 0px;">
<div class="gmnoprint gm-style-cc" style="z-index: 1000001; position: absolute; -moz-user-select: none; right: 18px; bottom: 0px;" draggable="false">
<div class="gm-style-cc" draggable="false" style="-moz-user-select: none; display: none; position: absolute; right: 18px; bottom: 0px;">
<div class="gmnoprint" style="position: absolute; -moz-user-select: none; margin-left: 5px; margin-top: 5px; width: 13px; height: 13px; right: 0px; bottom: 0px;" draggable="false">
<div class="gmnoprint" style="margin: 5px; -moz-user-select: none; position: absolute; left: 0px; top: 0px;" draggable="false" controlwidth="78" controlheight="124">
<div class="gmnoprint" style="margin: 5px; z-index: 0; position: absolute; cursor: pointer; right: 0px; top: 0px;">
<div class="gm-style-cc" draggable="false" style="-moz-user-select: none; position: absolute; right: 89px; bottom: 0px;">
</div>
</div>
</div>
</div>
Thank you!
Hi Again, please be sure to update to our latest version as it addresses many issues and conflicts. We have built many aspects from scratch to cause less conflicts as we now don't rely on third party software whatsoever (like fancybox, which has been removed). Thanks!
Article is closed for comments.