
Click anywhere on a track, and a pop-up window shows you key info for the specific point, including distance from the starting point, elevation, and speed.įigure 2: You can show and hide individual GPX tracks on the map. When you mouse over a track, it's automatically highlighted, which can come in useful when you have multiple intersecting tracks on the map. The Tracks drop-down list at the top of the map displays a list of all GPX tracks, and you can use it to show and hide individual tracks ( Figure 2). You can use the mouse to navigate around the map, as well as zoom in and out. First of all, you can switch to a different layer using the icon in the upper-right corner of the map. Although the map you've created is rather basic, it does have a few clever features. Now open the created HTML file in the browser, and you should see your first map ( Figure 1). This instructs GPX Viewer to use the Open Topo layer, while gpxview:tracks.gpx:Satellit opens the map in the satellite view (note the German spelling Satellit). By default, GPX Viewer uses OpenStreetMap's default map layer, but you can change that by specifying the desired mode by appending it to the name of the GPX track as follows: class="gpxview:tracks.gpx:OPENTOPO" Specify the GPX track file and dimensions of the map. In addition to English, GPX Viewer also supports French. If not specified, GPX Viewer defaults to German. The line is important, because GPX Viewer uses it to determine which language to use.
Manual gpx viewer code#
The code is rather straightforward, and there are only a couple of points that require a brief explanation. Place the desired GPX track in the project folder, create an HTML file, open it for editing, and paste the code in Listing 1 into it. This folder contains the JavaScript files that power GPX Viewer. To keep things tidy, create a separate directory on your web server for your first project, and move the GM_Utils folder into it.
Manual gpx viewer zip#
Grab the latest version from the project's website, unpack the downloaded ZIP archive, and you can start working on your first GPX Viewer project.

GPX Viewer Basicsīeing a regular JavaScript library, GPX Viewer does not require installation or configuration. More importantly, GPX Viewer greatly simplifies the process of creating simple and advanced maps, and you only need a text editor and a working knowledge of HTML to create sophisticated maps with GPX tracks. Better still, the library allows you to extract and display the data stored in the GPX tracks as well as map geotagged photos. This JavaScript library makes it possible to create a read-to-publish map and plot GPX tracks on it.

But if you want to publish the mapped tracks on the web, or you just want to use the browser as your preferred tool, then GPX Viewer is just the ticket. There are several applications that can do the job. Besides a device or an app that lets you record tracks in the GPX format, you also need a tool to view and analyze the recorded tracks. And when you travel, you can have a record of the places you've visited. If you are into biking or hiking, you can analyze the route. As a photographer, you can use the saved tracks in the GPX format to geo-correlate your photos.
Manual gpx viewer android#
Tracking and storing your movements using a dedicated GPS logger or an Android application can come in handy in many situations.
