gmapsDistanceTool.js for Google Maps -- Basic library for calculating distance(s)
between clicked points
Required dependencies:
Google Maps v3+
jQuery v3+ (older versions have not been tested)
Bootstrap v5+ (older versions have not been tested)
Install:
1. Load gmapsDistanceTool.js after the required dependencies are loaded
2. Create a div outside of the Google Map container, eg:
<div id="map"></div>
<div id="distanceTool"></div>
3. Initiate distance tool after Google Maps object is available,
in this case 'map' is the Google Map object, ie:
var map = new google.maps.Map(document.getElementById('map'), {});
var distanceTool = new gmapsDistanceTool(map, 'distanceTool', { default_units: unit });
unit is a string: meter, kilometer, feet, yard, mile, nm
HTML Element class/id's used by this library:
ID's:
gdtDistanceDiv
gdtLineDistance
gdtUnitLabel
class:
gdtDistanceUnits
gdtLineDisplay
Check to make sure class/id's do not conflict
Use:
Right-click on map to set initial point.
Right-click on point to delete a previously set point.
Updated:
2019-Feb-21 -- v0.1.0 -- Epoch
2019-Mar-03 -- v0.1.1 -- Updated for Boostrap 4 only
2020-Oct-19 -- v0.1.2 -- Updated div container instructions
2021-Aug-02 -- v0.1.3 -- Added top offset option for info window, fixed dropdown for Bootstrap 5
2023-May-17 -- v0.1.4 -- Added lat/lon info for all segments
2026-May-29 -- v0.1.5 -- Bug fixes, dropped IE11 support, fix opt null guard, fix nm missing break,
strict equality cleanup, added default units for options
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|