gmapsDistanceTool.js for Google Maps -- Basic library for calculating distance(s)
between clicked points (IE11 javascript compatible)
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');
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
-
Notifications
You must be signed in to change notification settings - Fork 0
Basic library for calculating distance(s) between clicked points on Google Maps, utilizing jQuery 3.x and Bootstrap 4.x.
License
functionsonly/gmaps-distance-tool
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
Basic library for calculating distance(s) between clicked points on Google Maps, utilizing jQuery 3.x and Bootstrap 4.x.
Resources
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published