Darwinner

Web & Windows Development

914-×-195)

WP GPX Maps

13 December 2011 by max

Install the plugin, upload your gpx using the admin aand use this shortcode to show the map/graph:

[sgpx gpx="/wp-content/uploads/gpx/yourfile.gpx"]

This should be the result:

wp-gpx-maps screenshot 1

Result with waypoints: wp-gpx-maps screenshot 2

On the admin side you can upload your gpx files, set the maps width/height, change colors and other sutff: wp-gpx-maps screenshot 3 wp-gpx-maps screenshot 4 Gpx reducer:

All GPX files will be shown cleaned up and reduced to less than 300 points. This will improve the page load and avoid heavy javascript objects.

Other:

This plugin uses google maps v3 and google chart v1:

http://code.google.com/intl/en-EN/apis/chart/

http://code.google.com/intl/en-EN/apis/maps/documentation/javascript/

Supports GPX 1.0 and GPX 1.1:

http://www.topografix.com/gpx.asp

Downloads:

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

Don’t forget to rate 5 stars :-)

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

If you find bugs, feel free to ask me, and, plase show me the way to reproduce the error!

 

There are too many comments here, so I decided to create a small forum:
http://www.darwinner.it/forums/forum/wp-gpx-maps/

 

71 Comments

Leave a reply →

  1. Pingback: WP Silverlight GPX ver 0.1 | Darwinner

  2. Robb
    19 December 2011 at 21:16

    Short version: the map won’t show.

    Here’s what I’ve done…

    The upload function wouldn’t work (There was an error uploading the file, please try again!) so I uploaded the gpx file via ftp. The plugin saw the file just fine. The shortcode displays a big white box, but no map or gpx data.

    I assume this is because it’s not run through the “gpx reducer” and is just raw data exported from my Garmin device?

    You can view the specific page at:
    http://www.robbflynn.com/?p=1232

  3. Bosti
    20 December 2011 at 12:30

    HI!

    Works perfect!

    Do you plan to add – show waypoints from gpx file?

    regards,
    Bosti

  4. admin
    20 December 2011 at 17:47

    @Robb: thank you for your help! from the version 1.0.4 should work even with the garmin gpx

    @Bosti: Yes, will be done soon :-)

    I’m still having problem with javascript loading in slow connections, I hope to fix it soon…

    • Bosti
      21 December 2011 at 12:51

      Great :-)

      Another thing: Is it possible to put map with diagram somewhere between post. It doesn’t matter where I put the code it is always on top.

      Regards,
      Bosti

      • admin
        21 December 2011 at 13:49

        Yes, I’ve already noticed that thing! should be ok in the 1.0.6

        • Bosti
          21 December 2011 at 20:22

          HI,

          Thanks, it works; but now I have problem: it is just google map on coordinate 0,0; max zoom; no gpx on map and no diagram. I can send you GPX file to test it.

          Regards, Bosti

  5. Cheenis
    24 December 2011 at 19:08

    This is exactly what I was looking for so thank you for sharing!

    My map doesn’t display though :( I get a box on the post which is grey and states “sorry, we have no imagery here” – I know Google has imagery of this area, it’s the lake district in the UK so pretty well covered.

    Happy to send you .gpx file or so anything to test. My attempt to use it is on the post dated 14th December.

    Thanks!

  6. admin
    26 December 2011 at 07:20

    hi Cheenis, you are using a wrong shortcode, try this:

    [sgpx gpx="/wp-content/uploads/gpx/Bob Graham Round_Leg 2.gpx"]

    I notice your gps also recorded a fiew points outside the track, you have to manually delete from the line 155 to 191 of your gpx..

    • Cheenis
      27 December 2011 at 18:04

      Ahh… how embarrassing! I can’t believe I missed the .gpx off the end. Sorry for wasting your time with that one. Fantastic little plug in. Great work!

    • Cheenis
      27 December 2011 at 18:04

      Thanks so much for your help too!

    • Cheenis
      27 December 2011 at 18:24

      Ok, I’m stumped again. I’m new to this GPX thing. I use Garmin basecamp to edit the files and on that it is a single line from north to south, but on the picture displayed I seem to have the car journey as well (the line on the left hand side of the picture. Is this what you mean about deleting from line 155 to 191?

      I’ve tried looking again in basecamp, opened in notepad and downloaded a gpx editor and still can’t see line 155 to 191. What do you use to view files and edit them? I’d love to trim that bit off the file, any tips are greatly appreciated.

  7. Cheenis
    29 December 2011 at 19:14

    Massimo,

    Jusdt wanted to say thank you for all your help. The file you sent is perfect. I wish you all the best and can’t rate your plugin and support highly enough. Excellent plugin!

    Thanks,

    Chris.

  8. jwk
    30 December 2011 at 10:53

    I installed the plugin, but get the following error on the admin screen:

    Can’t create /wp-content/uploads/gpx folder. Please create it and make it writable!
    If not, you will must update the file manually!

    I created manually the gpx folder and assigned writing permissions, but still error remains. What is going wrong?

    Regards,
    Jan-Willem

  9. jwk
    31 December 2011 at 13:19

    Feature request:
    I uploaded a GPX track from my garmin device for walks and car drives we did, but the GPX file is cleaned up to 300 points leaving it to course. Would like to have possibility to influence this between the 300 points and all points.

    • admin
      31 December 2011 at 13:52

      Ok, it’s not a problem the implementation, but it’s a very risky feature.
      The first problem is that Google maps crashes with a lot of points. Then, if google maps works, the browser could take a lot of time to draw the map, even more than a minute with 100% cpu..

  10. S R
    3 January 2012 at 20:06

    I noticed an issue with the new version 1.1. The maps show a full line of “j”‘s that run across the screen. Can you supply the older version for the time being until this is fixed?

  11. Dirk
    4 January 2012 at 20:41

    The plugin can’t upload files on a WP MU installation. I think the problem could be the different upload folder names

    WP: /wp-content/uploads/
    WP MU: /wp-content/blogs.dir/1/files/ (where 1 is the blog id)

    If I create the folder /wp-content/blogs.dir/1/gpx/ and upload the gpx files by hand, everything works fine. The plugin is displaying the tracks properly. Very nice plugin, by the way.

  12. Gery
    7 January 2012 at 14:15

    Hi,

    this cool plugin is exactly what i need!
    Everything is fine, but i’m still having problems with my server performance while loading (about 30 seconds) the pages/posts where one gpx files are embedded.
    While loading the page/post i have nearly 100% CPU used by httpd (Apache 2.2.15).
    Already tried to skip points (Advanced options), but that only helps a little bit.
    The gpx files are exportet from Garmin Training Center (Garmin Edge 800) and are about 3 MB.
    Is there any configuration problem on my Server or WP?

    Regards,
    Gery

  13. Lorenzo
    12 January 2012 at 12:43

    Ciao Massimo,
    per prima cosa volevo farti i più sinceri complimenti per il plugin.
    Poi ne volevo approfittare per richiederti di implementare la possibilità di visualizzare nel grafico dell’altimetria anche la linea relativa alla velocità.
    Ultima cosa… non riesco a visualizzare le mappe e i grafici all’interno dei post del plugin Simple:Press, non sono compatibili?

    Ti ringrazio in anticipo per la disponibilità

    Complimenti ancora…

    Lorenzo

    • admin
      13 January 2012 at 13:44

      Ciao Lorenzo, il grafico della velocità ed eventuale cardiogramma saranno le prossime cose che voglio implementare..
      Per quanto riguarda simple press, è normale che non si veda il grafico perchè i plugin funzionano solo all’interno delle pagine/post, metre simple press elabora i suoi contenuti autonomamente..

    • admin
      16 February 2012 at 09:55

      ciao, dalla versione 1.1.6 c’è la possibilità di visualizzare la velocità (devi abilitare sul lato admin)

  14. Jason
    25 January 2012 at 18:18

    Thank you so much for this plugin! I’ve been looking for something exactly like this, and it works perfectly. I have just a couple of questions:

    1. How do you customize the color of the Google Chart elevation graph? I found the value for the map, but not the chart.

    2. Is it possible to change the measurements from meters to something else?

    Thanks again!

  15. Manfred
    28 January 2012 at 23:30

    Hello,
    I have the same problem as described by Robb. I see only a grey rectangle instead the map. Attidute graph is shown. I checked the permission set it to 777. gpx-File is shown Tracks Settings folder. I have installed version 1.1.4 on a qnap-NAS storage.
    Any hints?
    If it would helpful, i can send my gpx.
    Thanks in advanced

  16. Jason
    30 January 2012 at 07:34

    Thanks so much for this! I really appreciate the work you’ve done on this.

  17. NJ
    5 February 2012 at 15:49

    Hi and thank you for an awesome plugin!

    Please help me with this issue here:
    http://redhotdesign.co.za/cyclebase/testgpxplug/ ( Test account)

    Notice the zoom slider is broken/does not display correctly- please help me to sort this out if possible- I don’t know what is causing it?

    Thanks again for an awesome plugin!

  18. NJ
    6 February 2012 at 16:52

    Another question for you: is it possible to tweak the style of the ‘Altitude’ text or remove it altogether and left align the ‘m’ values to the map above it??

    I know it’s a long shot, but if possible let me know.

    Thank you again for a superb plugin and support!!

    • admin
      16 February 2012 at 09:59

      from the version 1.1.6 I took off the labels on the left and bottom in order to maximize the chart

  19. Edip
    17 February 2012 at 11:51

    This plugin works like a charm..

    I want to make 1 suggestion and ask 2 questions =);

    1. That Scrollwheel thing in maps always annoys me.. When scrolling down to the bottom of the page if cursor hits a map, it stops scrolling down and starts zooming out the map, so i add “scrollwheel: false” to the mapOptions variable.. This can be added as an option on admin page..

    2. Is it possible to print the distance (only distance not height) in kilometers except meters on the elevation graph ?? Couldn’t figure that out..

    3. Is it possible to add icons to the start and finish of the tracks ??

  20. Pastis
    19 February 2012 at 13:36

    Many thanx for a very nice plugin!

    Please add Swedish in the javascript.

    var loc_se =
    {
    “length” : “Distans”,
    “altitude”: “Höjd”
    };

    • admin
      20 February 2012 at 10:01

      Hi, I took off the language from the javascript but I’m going to add the chart text in the admin area..

  21. keith
    19 February 2012 at 20:44

    I would like to give my “Editors” the ability to upload their own .GPX files. Is there anyway I can do this?

  22. Edip
    22 February 2012 at 21:05

    Hi again,

    Is it possible to make elevation chart navigation like this one:
    http://www.geocontext.org/publ/2010/04/profiler/en/

    • admin
      24 February 2012 at 07:22

      that is very nice, and I like it! but google chart is not supporting all that feature yet..I hope it will supported soon!

  23. jwk
    25 February 2012 at 12:54

    Feature requests:
    - Possibility to set altitude scale min/max. I live in the Netherlands, so sometimes minus a few meters, but trip to austria has than range from -500 to +1500. I would like to set scale then from 0 to 1500. Gives also possibility to tweak charts such that speed chart is above altitude chart.
    - Display of NEXtgen images on the map based on GPS coordinates in image.
    - Option to enable/disable mouse scrollwheel for zoom
    - parameter to use certain icon for a waypoint; nicest would be if it can be edited on the admin page for the GPX files.

  24. jwk
    25 February 2012 at 12:56

    For some reason the speedchart is giving straight line at 0 m/sec for my uploaded GPX files (garmin GPSmap 60CSX / Nuvi 2460). Do you know what the issue is?

    • AndyM
      27 February 2012 at 22:42

      It might be worth opening your GPX file in a text editor – possibly something has gone wrong with the time for the trackpoints.

    • Edip
      28 February 2012 at 19:00

      Same here..
      Speed returns as straight line at 0 km/s although it works fine with other webservices (like ridewithgps)

      Sorry for too much requests, but this is the best plugin for mapping i’ve ever used, i want it to be perfect =) that’s why i’m always nagging =)

  25. jwk
    26 February 2012 at 20:56

    Option to add HTML code/text before and after the googlemap. Same for the altitude map.

  26. jwk
    27 February 2012 at 19:39

    The googlemaps work fine in firefox, but nothing is displayed in Internet Explorer 9. I have set the theme back to the wordpress default one, selected another one, but no success.

    Do you an idea why I do not see maps with routes in IE9?

  27. Edip
    28 February 2012 at 06:21

    Whoa.. Didn’t notice that..
    Maps don’t work with IE6 either..
    Works fine with Chrome..

  28. AndyM
    28 February 2012 at 13:58

    Ciao Massimo

    Innanzitutto grazie mille per aver creato WP-GPX credo che sarà un grande aiuto per me. Complimenti.

    I’ve been having a problem using the TwentyEleven default theme (unaltered) either the slider disappears or the navigation arrows disappear. And part of the text on the left hand side of the map gets distorted. This second problem seems to be worse in terrain view.

    I’m working on local copy of WP on MAMP so there isn’t a website you can look at. however I have uploaded some screengrabs to my dropbox public folder:

    http://dl.dropbox.com/u/2995707/wp-gpx%20screenshot.jpg

    http://dl.dropbox.com/u/2995707/wp-gpx%20screenshot2.jpg

    http://dl.dropbox.com/u/2995707/wp-gpx%20screenshot4.jpg

    http://dl.dropbox.com/u/2995707/wp-gpx%20screenshot4.jpg

    I’ve tried:

    - reducing the width to 80%;
    - setting the width in pixels;
    - different heights;
    - different tracks;
    - different browsers (Safari and Camino);
    - using the Yoko theme that you use on your site.

    I have just tried switching to one of the WP Mobile Pack mobile themes and this does seem to have fixed the problem. So it looks like this is an issue with the css? (I’m assuming that Yoko was derived from TwentyEleven or TwentyTen)

    I should note that I am using a netbook with a small screen and this may be a factor – although I have tried setting fixed widths without success.

    And while I’m posting there’s another issue that you might not be aware of – the page with the listing of uploaded files doesn’t seem to recognise files with the extension .GPX. Change the extension to .gpx and they appear in the uploaded files, change .gpx to .GPX and they disappear from the list.

    I hope none of this sounds like a criticism – I’m looking forward to using wp-gpx.
    Grazie.

    • admin
      28 February 2012 at 14:29

      This is a pretty annoying bug of a lot of themes,
      check in the theme css a line like:

      img { width:95% }

      in twentyeleven style.css the line:
      .entry-content img, .comment-content img, .widget img {
      max-width: 97.5%;
      }

      and remove it..

  29. AndyM
    28 February 2012 at 14:03

    Oh, and the maps on http://www.pedemontanadelgrappa.it/ appear fine.

  30. NJ
    29 February 2012 at 09:06

    Hi and thanks again for the super work you’ve done on this plugin.

    I have a quick question for you:
    What is the best GPX editor, which one would you recommend?

    I know there are lots, I just thought I’d ask you first seeing as you’re an authority on these matters!

    The problem is, I have too many waypoints (flag icons) and I don’t want to show them in the map- as far as I can see, I’ll need to manually remove them- what do you think?

    I have tried to insert the waypoints=false param, but it still shows them… :)

    Grazie mille!

  31. admin
    29 February 2012 at 14:47

    Comments are closed! Too many comments create confusion,

    please use the new Forum:

    http://www.darwinner.it/forums/forum/wp-gpx-maps/

  32. Pingback: Blogging and Riding, Riding and Blogging — RFdc RFdc