
Google Map is a lightweight jQuery plugin that enables you to create maps, markers or routes for your own complete google map using google maps API 3.
Features:
- Allows to create 4 types of maps: road map, satellite map, hybrid and terrain
- Allows to create map markers with links, infoview and personal icons
- Allows you to create a route between a start postal address to an arrival postal address or GPS coordinates.
- Callback supported
See also:
Basic Usage:
1. Include jQuery library and jQuery Google Map plugin on the web page
<script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="jquery.googlemap.js"></script>
2. Load the google maps api on the page
<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("maps", "3.4", { other_params: "sensor=false&language=en" }); </script>
3. Create a container for your google map
<div id="map" style="width: 400px; height: 300px;"></div>
4. Create a simple google map
$(function() { $("#map").googleMap({ zoom: 10, coords: [48.895651, 2.290569], type: "ROADMAP" }); })
5. Complete settings with default values.
zoom : 10, coords : [48.895651, 2.290569], type : "ROADMAP", debug : false, langage : "english", overviewMapControl: false, streetViewControl: false, scrollwheel: false, mapTypeControl: false
Changelog:
2018-10-16
- Get Zipcode in the addMarker success function.
2016-03-21
2015-11-20
- Update jquery.googlemap.js
2015-08-15
- Various bugfixes
2015-07-16
- Update jquery.googlemap.js
2015-06-16
- Add Marker using coords
v1.3.1 (2014-04-10)
- Bugs fixed.
v1.3.0 (2014-01-09)
- Add waysteps and debug option
This awesome jQuery plugin is developed by Tilotiti. For more Advanced Usages, please check the demo page or visit the official website.
- Publication date: 16.10.2018
- Source