Skip to content

Latest commit

 

History

27 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

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

About

Basic library for calculating distance(s) between clicked points on Google Maps, utilizing jQuery 3.x and Bootstrap 5.x.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages