Some Google Map API Examples

Some techniques in manipulating Markers and InfoWindows

Simple Google Map with a two Markers and InfoWindows
Simple Google Map with a two Markers each with two InfoWindows
Simple Google Map with a three overlapping Markers - adjust zIndex of markers
Simple Google Map with a two Markers each with two InfoWindows and delay
Programmatically launch an Infowindow
Simple Google Map with a two Markers each with InfoWindows and dynamic infoWindow content
Simple Google Map with a two Markers and InfoWindows - Clustered Markers
Simple Google Map with a two Markers and click to add marker
Simple Google Map with a two Markers and InfoWindows - with custom SVG marker
Google Map: display multiple markers - SVG, fill and stroke color
Google map with multiple SVG markers - hide and show markers based on data attributes
Google map with multiple SVG markers - some SVG shapes
Google map with multiple SVG markers and google.maps.Animation.BOUNCE
Track lan/lng location at 5 minute intervals

Adding Markers

Adding and deleting markers, changing marker colors, re-setting bounds
Add and delete markers, add to table, draw directions
Add Markers, import from Excel, Draw directions
Multiple Markers from database
Multiple Markers from database, with marker clusters
Multiple markers loaded from Canadian database; permit re-positioning by region
Multiple Markers and Two Maps
One map - advanced
Multiple Markers - custom markers

Getting Longitude/Latitude

Click and drag marker to get Latitude/Longitude
Drag to location to get lat/lon and location name

Positioning Map

Re-positioning the map, hard coded list of points

Other

Key-Drag-Zoom effect
Editable Tables
Editable Tables with Sort
Polygon Lines
Voronoi

Some useful links:

Google Maps API documentation
more Google Map documentation at github
Google example of Building a Store Locator
longitude/latitude retreival
List of google icons
Travelling Salesman Problem - Fastest Roundtrip Solver


About