Google Maps API
Jump to navigation
Jump to search
About
NOTE: This page is a daughter page of: Google Maps
The Google Maps API makes it possible to embed Google maps on any web page, and allows different rendering options, such as drawing markers (points), polygons and much more. Here are some snippets of code I thought worth holding onto.
- Latest API: Google Maps JavaScript API V3 Reference
- Separate API for Android: Maps Android Utility Library (released April 2020)
| Warning: When I wrote most of these pages, Google Maps API was free to use... now you need a "API Key" which - as far as I can tell - is a way of charging you and disappointing a lot of people who invested time into having little Google Map displays on their websites. To try setting one up - which I've been unable to do successfully - try the video on this page. |
Child Pages
Related/Child Pages:
Markers:
- Google Maps API - Draggable Marker - HTML/JavaScript code (split into 2 files) for dragging a single marker and printing position.
- Google Maps API - Draggable Interpolated Markers - HTML/JavaScript code which builds on above, but uses classes, features a multiple select element, and will interpolate between the markers you have dragged.
- Google Maps API - Show Pin At Position - HTML/JavaScript code which will show an pin at a certain lat/lng on the map, plus and image thumbnail for an image at that position.
- Google Maps API - Add List of Markers - Use this to add a bunch of your own markers onto a map.
Geocoding:
- Google Maps API - Batch Geocoder - HTML/JavaScript code to get the lat/lng from a list of addresses (all at once) and show them all on the map.
Polygons:
- Google Maps API - Polygon From Coordinates - Parse polygon lat,lng pairs then draw the polygon on a map... plus also click to place a marker.
Panoramas:
- Google Maps API - Street View Panorama Pano Id Viewer - HTML/JavaScript code to render a particular 360 panorama image in the API given it's pano id.
- Google Maps API - Street View Panorama Animated - HTML/JavaScript code to automatically rotate (animate) the pano, and listen to clicks to pause rotation.
- Google Maps API - Embedding Panoramas - Solutions to embed your street view panoramas (aka "photo spheres").
- Google Maps API - Street View Panorama Popup Window - Show a Panorama in a pop up window.
Zoom:
- Google Maps API - Zoom Level - A little info on Google Maps zoom level.
