Follow

After publishing my map, it doesn't display...

Typically you're map is going to show after you click "publish". However some users have done so and noticed a blank map. To solve this issue, you must log out of WordPress and log back in. In many cases this solves the problem and the maps will then behave as expected.

6 Comments

  • Avatar
    Studio

    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?

  • Avatar
    Studio

    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.

  • Avatar
    Josh Sears

    Thanks for the input, we'll look into this as well and see if we can solved the conflict.

  • Avatar
    Raluca

    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?

  • Avatar
    Raluca

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

    1. Code for when is not showing the map:

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

    1. Code for when is showing the map:

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

  • Avatar
    Josh Sears

    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.
Powered by Zendesk