WordPress.org

Ready to get started?Download WordPress

Forums

Basic Google Maps Placemarks
Calling the map with Ajax onto jQuery Mobile page leads to "loading map.." (2 posts)

  1. harberg
    Member
    Posted 1 year ago #

    Good afternoon all,

    First off, I really like this plugin and have been able to do some really cool things with it. The problem that I am encountering is that the map isn't loading beyond the "loading map..." message.

    The map is on a wordpress site and is rendering fine, just the way I would like. I have a separate jQuery mobile site that is pulling information from the WP site using Ajax and the JSON API plugin in. I am making the following call to the site to get the JSON object
    <script src="http://mysite.com/contact/?json=1&callback=mContactWP" type="text/javascript"></script>
    The call back function corresponds to the following function

    function mContactWP(data){
        var output = data.page.content;
        $('#mContactWP').html(output);
        if($('#mContactWP iframe').length > 0) {
        $('#mContactWP iframe').wrap('<div class="mobileIframe" />');
    		}
    	}

    When I open the developer tools and look at the console, I can see that the JSON object is there, and when I look through the object, the 'content' does contain a string with the map js code. I also know that the map is being loaded in some fashion because the 'Loading Map..." and the loading img both show up.

    There are currently no js errors on the page either. (checked that first as per the FAQ). If anyone has any ideas they would be greatly appreciated.

    Regards,

    Harberg

    http://wordpress.org/extend/plugins/basic-google-maps-placemarks/

  2. Ian Dunn
    Member
    Plugin Author

    Posted 1 year ago #

    The "Loading map..." markup gets output by the shortcode, and then BGMP's JavaScript replaces it with the Google Map once it loads. So, maybe you need to make sure that BGMP's functions.js is loaded, and then call bgmp_wrapper( jQuery ); or maybe jQuery( document ).ready( jQuery.bgmp.init ); after everything has loaded.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic