GPX to Map - vBulletin Product

GPX to Map is a vBulletin Product which will display .gpx files attached to a post as a Google Map.

This Product has been tested with the following versions of vBulletin:

Features

If a post has a .gpx file attached to it, a map automatically appears to the right of the post:

The points in the GPX file are extracted and placed on the map
The map has a slider which can be dragged back and forth to "play" through the points on the map
The date and time of the currently selected point is displayed in your local timezone
Clicking the "Toggle Map Size" link switches the map between default and full sized
Customizable map marker and link colours

For what's changed between releases, see the Releases page.

This code is distributed under the MIT License.

To install or upgrade the product:

Download the latest release from the Releases tab, and unpack it on your computer.
Login to the Admin Control Panel in your vBulletin server
In the sidebar, click "Plugins & Products"
In the sidebar, click "Manage Products"
Scroll to the bottom of the page, and click "Add/Import Product"
Click the "Choose File" button, and select the product.xml you unpacked earlier.
If upgrading, be sure and select "Yes" to the "Allow Overwrite" option
Click the "Import" button

The first time you install the Product, you'll need to edit a template:

Login to the Admin Control Panel in your vBulletin server
In the sidebar, click "Styles & Templates"
In the sidebar, click "Style Manager"
In the "Style Manager" table, find the "MASTER STYLE", and click the ">> <<" button to select it
In the "MASTER STYLE Templates" list, double click on "Postbit Templates >>"
Under "Postbit Templates >>", double click "postbit_legacy"
In the Template edit box, search for "postrow"
Modify the code from this (some code omitted for clarity):

<div class="postbody">
     <div class="postrow ...">

    <div class="postbody">
        {vb:raw post.gpx_to_map_html}
        <div class="postrow ...">

To configure the settings for GPX to Map:

Most settings have defaults, except for the "Google Maps API Key" setting, which you'll need to get from the Google Developer Console: