How to display the elevation chart on a different position of your site

By default GPX elevation charts are displayed beyond the map that the GPX track is assigned too.

You can separate the GPX elevation chart from the map though by following these steps:

  1. create a <div> element with the ID, width & height attributes where you want the elevation chart to appear,
    e.g. <div id="chart-area" style="width:600px;height:400px;"></div>
  2. on this page, use the following shortcode, example for map with ID 1:
    [mapsmarker map="1" chart="chart-area"]

As a result, the elevation chart will be loaded within this <div>.

Rate this user guide

You are not allowed to rate this post.

Comments or further questions?

If you're looking for technical support please click here, for all other questions please use our contact form to get in touch! We´re looking forward to hearing from you!

Your Maps Marker Pro team