To add a button that resets the map, insert the following line into the HTML file where you want the button to appear: Reset position and zoomĪdding a button that loads another map with a different GPX track is equally easy. For example, you can easily add buttons that reset the map and load additional GPX tracks. With the basic map in place, you can add some useful features.
#Gpx viewer classes code#
php, and then insert the code below into the page where you want the map to appear: " įrom now on, when you open the page, the PHP code finds all. Change the file extension of the HTML page to. You can merge multiple GPX files in one as explained in the Merge GPX Tracks boxout, but a dash of PHP provides a more elegant solution to the problem. Secondly, if you upload a new GPX file, you have to manually add it to the HTML page, too. First, you have to make sure that the names of the GPX files match the names in the HTML file. This approach works, but it's not very practical. If you want to show multiple tracks on a single map, you have to specify them manually as follows: In our simple example, the name of the GPX file is hardwired into the HTML file. You can use the Waypoints drop-down list to show and hide individual waypoints. Some GPS logging devices allow you to add waypoints to the currently recorded track, and GPX Viewer automatically detects and displays waypoints as markers on the map. 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. 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.
#Gpx viewer classes 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.
#Gpx viewer classes android#
Tracking and storing your movements using a dedicated GPS logger or an Android application can come in handy in many situations.
0 kommentar(er)
