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

Comments

6 comments

  • Studio
    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?

    0
  • Studio
    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.

    0
  • MapifyProAdmin
    MapifyProAdmin

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

    0
  • Raluca
    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?

    0
  • Raluca
    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!

    0
  • MapifyProAdmin
    MapifyProAdmin

    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!

    0

Article is closed for comments.