How to show a trail map on my website

This message was edited 1 time. Last update was at 28/10/2007 11:23:37

Hi there

Is there a way to display my own GPS tracks on a small map in my website? Like an embedded youtube video.

Cheers
Forest

This message was edited 8 times. Last update was at 05/02/2008 05:08:11

Sure Forest, you can easily do that, the steps are:

- Open a trail page (e.g: Elden Loop in Arizona http://www.wikiloc.com/wikiloc/view.do?id=12125 )

- From the right hand side you'll see the option: Embed in your website , click on it and grab the HTML code to paste in your web site.

Additionally if you want to show the elevation profile just below the map (like in wikiloc's home page) add the parameter: measures=on

Additional parameters to show/hide additional information are: title=on&near=on&images=on

Additionally you can choose your prefered default map type to show: "Normal Map" (streets, roads), "Satellite", "Hybrid" (a combination of Normal and Satellite) or the new "Terrain" layer by adding the maptype parameter:

To show the Normal Map maptype=M
To show the Satellite use maptype=S
For Hybrid Map use maptype=H
For Terrain (physical) Map use maptype=T

Websites that shows embedded trail maps: http://www.rutasmtbmurcia.com/rutas-wikiloc, http://ldiegoes.blogspot.com or http://wikiloc.blogspot.com/2007/12/new-map-layer-available.html

Hope it helps!

Cheers

How can I default the View of the embedded map to Map, instead of the currently defaulted Sattelite View ?

thank you

Hi Erasmo

Thanks much for your message. Frankly I forgot to specify how to change the map type to your prefered view in the previous message (by using the maptype param)

I've updated the post to reflect it.

Best,
Jordi

This message was edited 1 time. Last update was at 13/11/2007 03:38:19

thank you very much for your info

another question:

can i choose the color of the track ?

it happens that by putting it in orange, it gets a little bit lost with the rest of the map (the roads are also orange or yellow)

i guess that another color, for example: blue or red, could be a more contrasting color

is this possible ?

thank you

Not at the moment, but I'm considering to add it since it has been suggested as a useful feature see: http://www.wikiloc.com/forum/posts/list/17.page

This message was edited 1 time. Last update was at 13/11/2007 05:48:00

ok Jordi, muchas gracias por la info

ya están cambiados los mapas en mi nuevo blog (donde quiero usar tus mapas embedded), usando ahora los de wikiloc

saludos y mil gracias por los mapas !

Interesantes opciones a añadir en los embebed...

Pues me sumo a esta estupenda herramienta, muchísimas gracias!

http://www.rutasmtbmurcia.com/rutas-wikiloc

I don't seem to be able to embed iframes into wordpress blog posts. Is there an alertantive method?
Thanks for a great resource.

This message was edited 1 time. Last update was at 18/02/2008 10:11:20

Hi Geoff, I've done some researching on this subject and it seems that unfortunately embedding an iframe in WP is not allowed.

Cheers

This message was edited 1 time. Last update was at 18/02/2008 10:45:34

Hello,

It should work fine and it is possible. See for example the Panoramio's blog (using WordPress) where they embed minimaps for photos: http://www.panoramio.com/blog/

If you "view the HTML source" you'll see that it is the same kind of HTML <iframe> code in wikiloc so it should work fine too.

I don't have a wp blog where to test it but blog editors usually do have an option to write the post in HTML (instead of the usual rich text format). I would try to paste the <iframe> embeddable code on the editor in 'html' mode.

Thanks for the feedback, hopefully we'll find a solution for this issue.

Many thanks for the comment replies, I've tried using the code /code embedding tags in WP but to no avail.
Thanks for the link to panoramio -they do indeed use iframes. I've left them a comment to see if they have a special WP plugin that enables them to do that.

Hi Geoff, any (hopefully good!) news with the WP integration?

Best Regards

Hi Jordi
Its only fixed in as much as its a known Wordpress bug. I can add your iframe to my post with WP set to Code mode ie No WYSIWYG allowed. I then publish the post immediately.
See my latest walk here http://geoffjones.com/2008/02/28/wednesdays-nar-walk/