WordPress.org

Forums

WP GPX Maps
[Plugin: WP-GPX-Maps] Maps do not display in Colorbox (9 posts)

  1. tiredofit
    Member
    Posted 3 years ago #

    I am trying to have the maps and charts load inside of a Colorbox using the JQuery Colorbox plugin.

    When the Colorbox loads, other content is displayed, but the maps and charts to not display. The GPX tmp name is displayed.

    The code itself is generating via JS, but the DIVs themselves are empty.

    Is there a way to make this load?
    I am calling the maps via a seperate page (iframe content?)

    http://wordpress.org/extend/plugins/wp-gpx-maps/

  2. bastianonm
    Member
    Plugin Author

    Posted 3 years ago #

    Hi, can you show me your site or a sample code?

  3. tiredofit
    Member
    Posted 3 years ago #

    Sure.

    The Test code is at http://www.bicycletouringhub.com/tiredofit/stats-logs/

    If you'd like I can give you an account for the subsite and you can add and delete your own entries by uploading gpx files.

    I am using Pods CMS - and was able to get it to display without the colorbox.

  4. tiredofit
    Member
    Posted 3 years ago #

    I have created two new entries at the top: 2012-02-06 and 2012-02-05 each with different GPX files. I've also added a seperate link to load the conetent without the colourbox. Let me know if you have any questions!

  5. tiredofit
    Member
    Posted 3 years ago #

    Ugh, I just started thinking about this a bit more and decided to look at the page source vs a working page and not working page.

    I added the following to the top of my template that gets loaded in the Colorbox and all is well:

    <script type='text/javascript' src='https://www.google.com/jsapi?ver=3.2.1'></script>
    	<script type='text/javascript'>
    		google.load('visualization', '1', {'packages':['corechart']});
    		google.load("maps", "3", {other_params: 'sensor=false'});
    	</script>
    	<script type='text/javascript' src='http://www.bicycletouringhub.com/tiredofit/wp-content/plugins/wp-gpx-maps/WP-GPX-Maps.js'></script>

    This has been resolved.
    Great Plugin - much lighter weight than xmlgooglemaps, and the other gpx plugins.

  6. bastianonm
    Member
    Plugin Author

    Posted 3 years ago #

    ok, first of all the iframe html in not well formatted, html, head, body tags is missing
    A part this, you are not inserting the javascripts:

    <script type='text/javascript' src='https://www.google.com/jsapi?ver=3.2.1'></script>
    <script type='text/javascript'>
    google.load('visualization', '1', {'packages':['corechart']});
    google.load("maps", "3", {other_params: 'sensor=false'});
    </script>
    <script type='text/javascript' src='http://www.bicycletouringhub.com/wp-content/plugins/wp-gpx-maps/WP-GPX-Maps.js'></script>

    [Please post code or markup snippets between backticks or use the code button.]

    the temp file name is a little bug, you can wait the next release or delete this row: "print_r($gpx);", row number 100 in wp-gpx-maps.php

  7. bastianonm
    Member
    Plugin Author

    Posted 3 years ago #

    thank you :-)

  8. tiredofit
    Member
    Posted 3 years ago #

    Thank you!

    I've removed the array print routine code and all is well.

    In the future will you be implementing caching?
    I am curious on how you are performing route/point simplifying as well.

  9. bastianonm
    Member
    Plugin Author

    Posted 3 years ago #

    Well, I'm thinking about It, it's not hard to implement but I've very few time these days..

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP GPX Maps
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic