User's Guide

Service outage announcement

GPXEV (GPX Editor and Viewer) will be out of service at the end of May 2022.

Please refer to the link below for details.

[Service outage announcement]

  1. 1. Launch application
  2. 2. Menu
  3. 3. Marker
  4. 4. Load GPX file
  5. 5. Route List Dialog
  6. 6. Waypoint List Dialog
  7. 7. Waypoint Dialog
  8. 8. Route Edit
  9. 9. Keyboard operation
  10. 10. Route View Dialog
  11. 11. GPX Metadata Dialog
  12. 12. Track Metadata Dialog
  13. 13. Elevation Dialog
  14. 14. Tool Dialog
  15. 15. Marker Control Dialog
  16. 16. Map Control Dialog
  17. 17. CGI Parameter Dialog
  18. 18. Save Dialog
  19. 19. Temporary storage of editing data
  20. 20. Configuration Dialog
  21. 21. Custom Color Palette Dialog
  22. 22. Extensions tag
  23. 23. Troubleshooting

1. Launch application

GPXEV(GPX Editor and Viewer) is web based free software.

Please click the following link.

https://askz.sakura.ne.jp/gpxev/gpx_editor_and_viewer.cgigpx_editor_and_viewer.cgi

2. Menu

The toolbar gives users instant access to the most commonly used functions.

✱ This icon appears on the menu when you change the settings in the Configuration dialog.

The alphabet in parentheses is a shortcut key. However, unlike normal shortcut keys, the ctrl key is not used. For more information, see Keyboard operation.

tooltips of GPXEV(GPX Editor and Viewer)

Tooltips appear automatically when you pauses the mouse pointer over a menu button.

3. Marker

3-1. Waypoint

Waypoint markers and balloons to display on Google Maps

GPXEV displays 4 types of markers and 2 types of balloons on Google Maps.

You can change the shape of the marker in the Configuration Dialog.

3-2. Waypoint Marker

Waypoint marker displayed on Google Maps

20 Waypoint Markers are displayed before and after the Current Waypoint.

Locked waypoint marker displayed on Google Maps

If there are locked Waypoints in the currently selected route, 20 different color markers will be displayed before and after the Current Waypoint. Locked Waypoints are used in along the road mode.

3-3. Waypoint Information

Waypoint information window with linked image on Google Maps

If the image is linked, the waypoint information is displayed. GPXEV uses "href" attribute, "type" tag, "desc" tag to display images on Google Maps.

You can change the size of thumbnail in the Configuration Dialog.

You can hide the information window in the Marker Control Dialog.

3-4. Name Marker

Pop-up style Name Marker displayed on Google Maps

If you change the setting in the Waypoint Dialog or Marker Control Dialog, you can display "Name Marker" on the map. "Name Marker" shows the name of the Waypoint ("name" tag).

3-5. WptType marker

Example when displaying wptType waypoint on Google map

The marker of wptType is different from the marker of trkType and rteType and is displayed with the following specifications.

  1. A waypoint that has neither a link nor a Name Marker displays only Google standard markers.
  2. Linked waypoints display both Google standard markers and Waypoint Information.
  3. A waypoint with a Name Marker set displays only the Name Marker.
  4. A waypoint for which both a link and a Name Marker are set displays only the Name Marker.

This specification is because the wptType waypoint has no path information.

4. Load GPX file

There are four ways to load a GPX file.

[NOTE]

When reading GPX files on the Internet using HTTP, the server must allow CORS (Cross-Origin Resource Sharing). For details, please refer to restrictions.

You can also load a GPX file by drag and drop it to the browser.

Load a GPX file by drag and drop it to the browser

5. Route List Dialog

5-1. Basic specifications

Route list dialog to display the contents of GPX file

The "Root List Dialog" shows the loaded route. You can select route, change the color, change the visibility, or open another dialog.

There are 3 data types on GPX.

[NOTE]

There are 4 buttons.

5-2. Add route

Append Dialog for adding new routes

Click the "Append" button to display the popup menu. There are 4 buttons.

5-3. Collapse trkType (trk) route

Triangle button to collapse child track segment

To collapse all trkseg, click the triangle icon.

5-4. Change route order

Change the order of routes

If you right-click on the selected route, a menu will be displayed to change the order of the routes.

trkseg cannot be moved outside of trk. If trk is moved, trkseg included in trk is also moved. Route data is output to a GPX file in the order of wpt, rte, and trk according to the GPX schema. Therefore, routes may not be output in the order displayed in the Route List dialog.

5-5. Concatenate route

Select and connect multiple routes

You can select multiple routes by holding down the Shift key and clicking the routes. If you have selected multiple routes, a Concatenate button will be displayed instead of the Remove button. If you click the Concatenate button, you can concatenate the selected routes.

Example of selecting and connecting multiple routes on Google Maps

This process concatenates other routes after the top route. In other words, the order in which you click the routes is not related to the order in which you concatenate the routes. Also, different types of routes cannot be concatenated. For example, the route of trkType and the route of rteType cannot be concatenated.

6. Waypoint List Dialog

6-1. Basic specifications

Waypoint List Dialog

You can see a list of waypoints.

There are 3 buttons.

Please refer to the details for "Add or Remove waypoint".

6-2. Split route

Example of splitting a route into two on Google Maps

If you click the Split button, you can split the route into two. The selected waypoint will be the starting point of the route after division. The waypoint at the border between the two routes is not duplicated. Therefore, the destination point of the first route after division and the starting point of the second route are different.

7. Waypoint Dialog

7-1. Property

Waypoint Dialog for editing waypoint properties

You can edit the waypoint properties. There are 20 kinds of waypoint properties.

tooltip of waypoint dialog

Tooltips appear automatically when you pauses the mouse pointer over a waypoint item.

Commit button to confirm the edited content

Click the "Commit" button to confirm the edited content.

7-2. Error checking

A text box indicating that there is an error

You can check errors at any time on input. If there is an error in the input value, the text box will be displayed in red.

Link Dialog for editing external information

Click the link field to open the "Link Dialog". You can edit additional information about the waypoint in the "Link Dialog". In general, describe the URL of the image of the external site. This image will be displayed in the Google Maps.

7-4. Name Marker

Display Name Marker in the waypoint dialog

If you check the "show marker" checkbox, the Name Marker will be displayed on the Google map. It is used to display a balloon on the route. Name Marker displays the contents of "name" tag.

[NOTE]

If you want to save the Name Marker display state to a GPX file, turn on the "extensions" tag output setting in the Save Options Dialog.

Name Marker color list to be displayed on Google Maps

If you click the Color button, you can change the color of the Name Marker. You can choose from eight colors for the Name Marker.

7-5. Locked waypoint

Locked waypoint

You can lock the waypoint by clicking the lock icon displayed to the right of the waypoint number. Locked waypoints are displayed in a different color and will not be overwritten in along the road mode. Also, Locked waypoints are not eligible for reduction.

[NOTE]
If you want to save the lock state to a GPX file, turn on the "extensions" tag output setting in the Save Options Dialog.

7-6. Scale change

Scale change button for changing window size

Click the scale change button to change the size of the dialog.

All items are displayed in the standard dialog. In the compact dialog, only frequently used items are displayed.

7-7. Automatically split latitude and longitude

Automatically split latitude and longitude

You can enter the latitude and longitude of waypoint together. If you enter comma-separated coordinates in the latitude text field, the text is displayed in blue. If you press the Enter key, the latitude and longitude will be automatically split and entered.

8. Route Edit

There are two types of route editing. The first is to edit in normal mode, and the second is to edit in Route Edit Mode.

8-1. Move waypoint

How to move waypoints on Google Maps (step1)

You can move the waypoint even in normal mode. Click the route near the waypoint you want to move.

How to move waypoints on Google Maps (step2)

The current marker is displayed on Google Maps.

How to move waypoints on Google Maps (step3)

Click and drag the marker. Drop the marker to a different location.

How to move waypoints on Google Maps (step4)

The waypoint was moved. If you set "along the road" in Route Edit Mode, you can draw a route along the road.

8-2. Add or Remove waypoint

There are three ways to edit the route.

  1. Use the Waypoint List Dialog
  2. Use the Route Edit Mode
  3. Use the Shortcut Menu
Append and remove button in the Waypoint List Dialog

You can add or remove the waypoint by Waypoint List Dialog.

To remove the selected waypoint, click the "Remove" button.

How to add new waypoint in the Google Maps

To add a new waypoint after the selected waypoint, click the "Append" button.

If you selected a waypoint in the middle of the route, a new waypoint will be added in the middle of the next waypoint.

If you selected a last waypoint, a new waypoint will be added behind that waypoint.

8-3. Route Edit Mode

You can switch to the "Route Edit Mode" by clicking "Route Edit" button.

How to edit waypoints on Google Maps

In "Route Edit Mode", operations other than route editing cannot be performed.

Click close button, if you want to exit "Route Edit Mode"

There are 4 buttons.

Route Edit button for GPX

There are 3 toggle button. You can change mode by clicking these buttons. You can also change to each mode by pressing the A, S, D, ESC key on the keyboard.

How to create a route on Google Maps in add mode

 

In add mode, click on the Google map to add a waypoint to the end of the route. You can create a route by clicking continuously.

How to add a new waypoint to a route created on Google Maps in append mode

 

In append mode, clicking on the route line will add a new waypoint to the clicked location.

How to delete a waypoint on a route created on Google Maps in remove mode

 

In remove mode, the waypoint on the clicked route is deleted.

Route Edit Dialog

Shortcut key

In the route edit mode, the following shortcut keys are assigned in addition to the shortcut keys in the "Route Edit Dialog".

Shortcut key for route edit mode

The shortcut key used in route edit mode is assigned to the upper left key of the keyboard.

8-4. along the road mode

8-4-1. Specification

A route drawn on Google Maps along the road mode

You can draw a route along the road using the Google Cloud Platform Directions API.

The specifications of along the road mode are as follows.

8-4-2. Locked waypoint

Route along the road created on Google Maps in the road mode

Lock waypoints you do not want to move. Locked waypoints change color.

Route along the road created on Google Maps in the road mode

Drag and drop the waypoint on the route you want to change.

Route along the road created on Google Maps in the road mode

The new route searched by Google Cloud Platform is drawn on the Google map. At this time, the moved waypoint is automatically locked.

If the new route is different from the assumed route, you can search for another route by moving the waypoint again. It is recommended to keep the distance between two locked waypoints as short as possible.

8-4-3. Usage limit

Dialog displayed when along the road mode is not available

"along the road" mode uses the fee-based service of Google Cloud Platform. If the total usage fee for all users exceeds the Google Cloud Platform free tier ($200/month), you will not be able to use "along the road" mode until the following month. The above dialog is displayed during usage restrictions. See Usage Limits for more information.

8-5. Shortcut menu

8-5-1. Right click on waypoint

Shortcut menu displayed when right-clicking waypoint

If you right-click on Waypoint, a shortcut menu will appear.

All shortcut menus are available only when you right-click the Current Waypoint Marker.

Move two waypoints (markers) located at different places displayed on Google Map to the same coordinates

Using this shortcut menu, you can move two waypoints located at different locations to the same coordinates. For example, you can overlap the start of a route with the end of another route.

Save the coordinates of waypoints (markers) displayed on Google Maps

First, right-click on the first waypoint and select "Save lat-lng". This saves the coordinates of the first waypoint.

Right-click the waypoint (marker) you want to move displayed on Google Map

Next, right-click on the second waypoint and select "Move to saved lat-lng".

A waypoint (marker) displayed on Google Maps is moved to the same coordinates as another waypoint (marker)

The second waypoint moves to the same position as the first waypoint.

8-5-2. Right click on the route line

Shortcut menu displayed when right-clicking the route displayed on Google Maps

If you right-click the route displayed on Google Maps, a shortcut menu will be displayed. If you click the Append button in the shortcut menu, you can add a waypoint. This menu is also available in route edit mode.

9. Keyboard operation

9-1. Menu

List of menu shortcut keys

The menu also supports shortcut keys. Unlike normal shortcut keys, the ctrl key is not used. If the dialog is open, enter the shortcut key while holding down the Shift key.

9-2. Dialog

Shortcut key for each dialog

Each dialog supports shortcut keys. As with menus, the ctrl key is not used. However, shortcut keys are not intentionally assigned to controls that perform important operations such as the "Commit" button in the "Confirm Dialog".

9-3. Google Maps

Shortcut keys for operating Google Maps with the keyboard

Google Maps can be operated with the numeric keypad or cursor keys. Press the numeric keypad "1-4", "6-9" or the cursor key to move the map. If you press "+", "−", "0" or "5" on the numeric keypad, the zoom ratio of the map is changed.

10. Route View Dialog

Route View button to display the route of Google Maps

You can easily move the map in the "Route View Dialog" and Map Control Dialog.

There are 3 buttons.

Three views showing the route of Google Maps

11. GPX Metadata Dialog

GPX metadata dialog for editing GPX files

You can edit metadata of GPX in the "GPX Metadata Dialog". This metadata is top level metadata, common metadata for all routes. If you want to write metadata for each route, use Track Metadata Dialog.

The "GPX Metadata dialog" has 4 types of buttons.

Four types of dialog boxes to be opened from the GPX dialog. Author Dialog, Copyright Dialog, Bounds Dialog and Link dialog

Edit the author, copyright, link and bounds in the popup dialog.

12. Track Metadata Dialog

Track metadata dialog for editing GPX files

You can edit track of GPX in the "Track Metadata Dialog". This metadata is the metadata of individual routes. You can set the metadata to trkType(trk) or rteType(rte).

13. Elevation Dialog

Elevation dialog for displaying route altitude data of GPX

"Elevation Dialog" displays the elevation data.

If your GPX file does not contain elevation data, you can retrieve elevation data from Google servers. See Tool Dialog for details.

14. Tool Dialog

14-1. Google Services (Maps Elevation)

GPXEV Tool dialog for Google Maps

If your GPX file does not contain elevation data, you can retrieve elevation data from Google servers.

Progress dialog when acquiring elevation data

This command access to Google servers for requesting elevation data. It takes 5 seconds per 512 waypoints. You can also specify the number of significant digits of the elevation data. You can also specify the number of significant digits of elevation data. The initial value is one decimal place (0.1 meter).

If you click the "Reset data" button, you can delete all elevation data for the currently selected route.

14-2. Data volume reduction

GPXEV Tool dialog for Google Maps (second page)

You can reduce the number of waypoints by clicking the "Reduce" button. Locked waypoints are not eligible for reduction. If you click the "Test" button, you can check how much the number of waypoints will be reduced.

For more information on this feature, see the Specification for Waypoint Data Reduction page.

[NOTE]

14-3. Data conversion

GPXEV tool dialog (third tab)

If you click the Reverse button, you can reverse the start and destination points of the selected route.

If you click the Decimal to DMS button, you can convert the latitude and longitude of the currently selected waypoint from decimal to DMS (degrees, minutes and seconds) format.

If you click the DMS to Decimal button, the entered DMS (degrees, minutes, seconds) format value will be converted to decimal and set to the latitude and longitude of the currently selected waypoint. However, you must click the Commit button in the Waypoint dialog to confirm the value entered.

Example of reversing the start point and end point of the route displayed on Google Maps

If you click the Reverse button, you can reverse the start and end points of the selected route. On the Google Maps screen, the display positions of the Starting point marker and Destination point marker are reversed.

14-4. Batch processing

GPXEV tool dialog (4th tab)

If you click the "Unlock" button, all waypoints of the selected route will be unlocked.

15. Marker Control Dialog

Marker Control Dialog for changing visibility of marker on Google Maps

You can change the visibility of marker in the "Marker Control Dialog". This setting applies to all routes.

This setting is temporary. Use the Configuration Dialog, if you make permanent configuration changes.

Waypoint Information :

Route Marker :

Name Marker :

[NOTE]

16. Map Control Dialog

16-1. Location

Map Control Dialog for navigating Google Maps

You can easily move the map in the "Map Control Dialog" and Route View dialog.

You can save your favorite locations on the map. There are 10 storage spaces. You can name the registered location.

Shortcut key

In this dialog, numeric keys "0" to "9" on the keyboard are assigned as shortcut keys. If you press the numeric key, you can move the center coordinates of the Google map, just like when you click the "Move" button. However, the numeric keypad is not supported.

Map Control dialog to search for places on Google Maps

Click the Search tab to search for places on Google Maps. If you enter the name of the place to search, the center of the Google map will move to the coordinates of the search results. If you click the Copy button, the search result coordinates are copied to the clipboard.

16-3. Style

Map Control dialog for selecting items to display on Google map

If you click the "Style" tab, you can select items to display on the Google map. Google Maps usually displays items such as administrative, landscape, buildings, roads, transit, and water areas. The "Map Control Dialog" can hide any item from Google Maps. If you click the "Save" button, you can save the style in a cookie.

Each item can be set to lower items by checking the "customize" checkbox.

Example of a screen that hides labels and items such as buildings, roads, railways (routes), and stations displayed on Google Maps using the Map Control dialog

If you uncheck the "labels" check box, you can hide the labels displayed on Google Maps. Display ON / OFF can be set for each type of label. If you uncheck the "geometry" checkbox, you can hide roads, routes, stations, and various areas drawn on Google Maps. If you check the "show all items" checkbox at the top of the "Map Control Dialog", you can return all items to the displayed state.

Description of the label displayed on Google Maps

16-4. Option

Map Control dialog for setting Google Map options

If you click the "Option" tab, you can change settings related to Google Maps.

Change the size of standard control icons displayed on Google Maps

You can change the size of the standard control icon of Google Maps. If you select "hidden", the standard control icon is not displayed. This setting takes effect when you reload the page.

17. CGI Parameter Dialog

CGI Parameter Dialog for setting the URL to display the route of Google Maps

You can publish touring route by GPXEV. You can set the value of a CGI parameter in the "CGI Parameter Dialog". The CGI parameters that can be set are as follows.

In addition to the above, the following parameters can be specified manually.

18. Save Dialog

18-1. Save GPX file

You can save GPX file to local file system.

  1. Click the button on the toolbar.
  2. Right click on the "GPX File" button and choose "Save link as". If you are using Firefox or Google Chrome, you can click the button to save the GPX file.
    How to save GPX file?
  3. Select GPX file.

NOTE

DO NOT OVERWRITE ORIGINAL GPX FILES.

18-2. Save Option Dialog

Save Option Dialog for setting to output GPX file

If Click the "Option" button on the "Save Dialog" opens the "Save Option Dialog".

The "extensions" tag used by GPXEV can set output for each item.

For details, please refer to extensions tag.

19. Temporary storage of editing data

Dialog for managing temporarily saved GPX data

If you change the settings in the Configuration dialog, you can use the function to temporarily save the data being edited to memory. Up to 8 GPX data can be saved. The oldest data is automatically deleted when you save it for the ninth time. The temporary storage data records not only GPX data but also the center coordinates and zoom rate of the currently displayed Google map.

If you click this icon, the GPX data being edited is temporarily saved in memory.

If you click this icon, the Temporary Storage dialog will open. In this dialog box, you can load GPX data that has been temporarily saved.

[NOTE]

In the future, we plan to implement a function to temporarily save data on the server side.

20. Configuration Dialog

20-1. Path

Configuration Dialog for GPXEV

You can change your settings for GPXEV. The setting information is saved in the cookie.

If you click the "Path" tab, you can change the settings related to the route drawn on Google Maps.

Style :

Route List :

20-2. Waypoint

GPXEV Configuration dialog, Waypoint settings

If you click the "Waypoint" tab, you can change the settings related to Waypoint to be drawn on Google Maps, such as the marker shape.

Marker :

Marker shape displayed on Google map

Latitude/Longitude :

Waypoint information :

waypoint marker size (radius)

Relationship between the size (radius) of the waypoint marker displayed on Google Maps and the zoom value of the map

The size (radius) of the waypoint marker changes dynamically in proportion to the zoom value of Google Maps. The ratio is 1:1.

Setting the size (radius) of the waypoint marker displayed on Google Maps

If you change the value of the radius of waypoint, the size (radius) of the waypoint marker will change. The initial value is 10.

Example when changing the size (radius) of the waypoint marker displayed on Google Maps and the zoom ratio of the map

You can change the above ratio by checking the "change the ratio between the zoom and the radius" check box. If you increase the ratio value, the size (radius) of the waypoint marker will increase when you zoom out of Google Maps.

20-3. GPX

GPXEV Configuration dialog, Configuration settings

If you click the "GPX" tab, you can change the GPX file read and write settings.

Load :

Save :

Temporary :

20-4. Metadata/Help

GPXEV Configuration dialog, settings related to Metadata and Help

If you click the "Metadata/Help" tab, you can change the default metadata and help settings.

Default Metadata :

This value is used by clicking the "AutoFill" button in the GPX Metadata Dialog or Track Metadata Dialog.

Default Value :

Help :

If this checkbox is checked, a tooltip will be displayed when the mouse hovers over menu and dialog controls. If "auto" is specified for "language", the browser language is automatically detected.

20-5. Other

GPXEV Configuration dialog, other settings

If you click the "Other" tab, you can change other settings.

Window :

Keyboard :

Notify :

Specify the conditions for displaying the Notify dialog.

Google API Key :

Specify API key of Google Cloud Platform. If API Key is not specified, use the GPXEV API Key. However, some features may not be available if the free quota for the current month is exceeded. Please refer to the following page for how to get API Key.

Get an API Key : https://developers.google.com/maps/documentation/javascript/get-api-key

Initialize :

21. Custom Color Palette Dialog

Custom Color Palette Dialog of GPXEV

You can create a color other than the default 64 colors in the "Custom Color Palette Dialog". After selecting the color to change from the 64 color palette, change the color code, RGB or HSV value. If you click the "OK" button, the changed color is registered in the palette. The custom color is saved in a cookie. You can also save the route color in a GPX file using the "extensions" tag.

If you click the "Reset All" button, you can restore the color palette to its initial state.

An example of a route displayed on Google Maps with the color created in the custom color palette dialog

22. Extensions tag

The specifications of GPXEV are as follows.

The specification of "extensions" tag used by GPXEV is as follows.

The output example of "extensions" tag is described below.

<extensions>
  <gpxev:style>
    <!-- Setting example of route display color -->
    <gpxev:route>
      <gpxev:color>Blue</gpxev:color>
    </gpxev:route>
    <!-- Setting example of Name Marker display -->
    <gpxev:wpt>
      <gpxev:marker>
        <gpxev:name>
          <gpxev:visibility>true</gpxev:visibility>
          <gpxev:color>000080</gpxev:color>
        <gpxev:name>
      </gpxev:marker>
    </gpxev:wpt>
  </gpxev:style>
</extensions>

For XML Schema of "extensions" tag used by GPXEV, refer to the following URL. This URL is the attribute value of the namespace described in the GPX file.

https://askz.sakura.ne.jp/gpx_editor_and_viewer/xml_schema/0_4/xml_schema/0_4/

23. Troubleshooting

23-1. Error Dialog

Error Dialog of GPXEV

If an error occurs, an "Error Dialog" is displayed. Please recover or retry according to the content of the error message.

The error codes that can be recovered by the user are as follows.

The types of errors that can occur due to problems on the Google Cloud Platform side are as follows.

23-2. Exception Dialog

Exception Dialog of GPXEV

If a fatal error occurs, an "Exception Dialog" is displayed. Please contact the email address displayed in the dialog. Details of the error are output in the text area.

23-3. Google Maps API Error

Google Maps API Error

If the above message is displayed on the screen, a Google Maps API error has occurred. The following causes are possible.

  1. It's possible that you exceeded the Google Cloud Platform free quota limit for the current month. In this case, please register your API Key in the Configuration Dialog.
  2. The API Key set in the Configuration Dialog or the API Key (api_key value) specified in the CGI parameter may be incorrect. Please check the value again.
  3. The Google Maps API version you are using may no longer be supported. If API Version (api_version) is specified for the CGI parameter, change the parameter value.
  4. The service may be stopped due to some trouble on the Google server side.

23-4. Initialize

GPXEV initialization screen

If GPXEV does not start normally even after restarting the browser, the saved cookie (setting) may be damaged. Please delete your browser cookies. You can also initialize the cookie by accessing the following URL.

https://askz.sakura.ne.jp/gpxev/gpx_editor_and_viewer.cgi?mode=init