本文汇总了Google Maps API v3及v2的各种实用案例，包括地图标记、方向指引、多边形绘制等功能的实现方法，并提供了丰富的示例链接。
Using the Google Maps API v3
Links to examples of various useful things and documentation
- V3 Documentation
- Google Maps API V3 discussion group
- Simple APIv3 map with geocoding
- little red "ride finder" markers
- little different colored "ride finder" markers
- normal sized colored markers
- 3D version of different colored "ride finder" markers
- custom markers with infowindows (v2 infowindow behavior)
- normal sized colored markers with infowindows (v2 infowindow behavior)
- styling the infowindow with CSS
- Mike Williams' tutorial The Basics - Part 1: Markers with info windows translated to v3
- Mike Williams' tutorial The Basics - Part 2: Adding a clickable sidebar translated to v3
- Mike Williams' tutorial The Basics - Part 3: Loading the data from an XML file translated to v3
with added "Zoom To, Zoom In, Zoom Out links in infowindow - Mike Williams' tutorial More advanced stuff - Part 25 Marker Categories translated to v3
- Add marker with open infowindow on map click
- Mike William' tutorial More advanced stuff - Part 20 Passing and receiving parameters translated to v3
- Directions examples
- Polygon examples
- Polyline examples
- Bounds examples
- Tabbed InfoWindows
Using the Google Maps API V2
Links to examples of various useful things and documentation
- Google Maps API V2 discussion group
- Google Maps discussion group
- Google Maps API V2 documentation
- Google Maps API Blog (Bret Taylor)
- mapki.com - Read This First
- PdMarker
- Mike Williams' Google Map API Tutorial on googlepages - Mike Williams' Google Map API Tutorial
- Doug Henderson's Google Map API examples
- w3schools XML DOM examples
- w3schools XML DOM Tutorial
- w3schools Javascript Tutorial
- w3schools Javascript examples
- W3C Markup Validation Service - from the World Wide Web Consortium (W3C)
- FEED Validator (for Atom and RSS and KML)
- JSLint (The JavaScript Code Quality Tool)
- Pretty Printer for Javascript
- HTTP Headers
- Geocoding & Webservices
- Yahoo Geocoder
- Test Page for Yahoo Geocoder
- Ontok Geocoder Javascript API
- Test Page for Ontok Geocoder Javascript API
- Earth Tools (time zone or local time, the sunrise and sunset times, and the elevation/height above sea level at a given latitude and longitude.)
- Tutorial pages
- Mike Williams' "categories" example with category headings (order of xml file is important) - Tutorial Page: More advanced stuff - Part 25 Marker Categories
- Google's Marker InfoWindows example with v2.x support and lat/lng display
- Basic example from Mike Williams tutorial. Loads markers from example.xml , added error checking for "file not found" and "invalid xml file". Removed some unneeded variables.
- A version of the above page with handling for "file not found" and "invalid xml" errors. Form post selects xml file to load.
- A version of the above page with handling for "file not found" and "invalid xml" errors. Form post selects xml file to load. Alerts at various stages of the file load.
- A version of the above page (v1 API) that allows different colored icons defined by the xml file (little ridefinder icons available from Google).
[version using the V2 API ] - A version of the above page (V1 API) that allows different colored icons defined by the xml file (normal sized colored markers).
[version using the V2 API ] - A version of the above page that allows different lettered icons defined by the xml file (allows the default marker and A-J, available from Google).
- A version of the above page that allows different numbered icons defined by the xml file (allows 1-99 and the default marker).
- A version using LabelledMarker from the open source library.
- A version of the Mike Williams' tutorial map with numbered markers that allows different numbered icons defined by the xml file (allows 1-99 and the default marker) and polylines.
- Basic example with polylines from Mike Williams tutorial. Loads markers and polylines from example4.xml , added error checking for "file not found" and "invalid xml file".
- Simple example turning markers on and off with checkboxes (V1 API) using functions documented in the API.
[version using the V2 API ] - Simple example turning markers on and off with checkboxes . (without using xml)
- Convex Hull example on set of random points
- (YAEMxml) Yet Another Earthquake Map - Selectable external geoRSS earthquake feed (from earthquake.usgs.gov) in a Google map. Uses checkboxes to select displayed icons and a sidebar list of earthquakes
[version using the V2 API (under development)]
[test version using the latest V2 API - past day (for test)] - (YAEMcsv) Yet Another Earthquake Map - Selectable external csv earthquake data (from earthquake.usgs.gov) in a Google map. Uses checkboxes to select displayed icons and a sidebar list of earthquakes
[version using the V2 API (under development)]
[test version using the latest V2 API - last 24 hrs (for test) - last 24 hrs in Southern CA ] - World Volcano Browser (using the Google Map API) Data from the Smithsonian Institute, Global Vulcanism Program. (under development)
- Basic example of Tabbed Info Windows from XML (APIv2) (based off of information in Mike Williams Tutorials)
- Basic example of Tabbed Info Windows with directions from XML (APIv2) (based off of information in Mike Williams Tutorials)
- More advanced example of Tabbed Info Windows from XML (APIv2) supports "legacy" non-tabbed XML files.
- More advanced example of Tabbed Info Windows from XML (APIv2) supports "legacy" non-tabbed XML files. This version has code to handle extra whitespace around the <![CDATA[ ... ]]> segments (only seems to be an issue in Firefox).
- Streetview with tabs
- Streetview with geocoding
- Streetview with geocoding, click to change camera position
- Link To This Page with open infoWindow and Tab (javascript)
- Geocoding/GDirections Test Page - Geocode the start and end, then get directions, or get directions from the addresses
- Multi-Geocode examples:
- Bad - Doesn't work reliably - Same data, but pre-geocoded
- Another example: Bad - Doesn't work reliably - Same data, but pre-geocoded
- Another example (addresses from xml):
- Zoom to country using the google geocoder and a dropdown select list
- Hurricane Browser
- Active Volcanos of the World Tabbed Info Windows from XML (APIv2) - under development
[version using the latest V2 API (for test)] - Simple APIv3 map with geocoding
- Test pages
- Function Closure test
- SDSDA Dance Location Map (domaindlx)
- Arbitrary Directions (by lat/lng)
- Arbitrary Directions V2 (by lat/lng)
- Bus Route (polyline & stops)
- Bio Diesel Stations in Seattle
- B&B's (click check box to turn on/off markers)
- Test GeocodeZip
- Saves center/zoom level between sessions
- icons defined by xml
- xml parser (uses espx.js library)
- &ll= support for Google Map format
- load multiple xml files in "parallel"
- frapper (xmlDoc.parseError)
- Map of the country of Georgia (UN Map overlaid on Google Map)
- Maps
- Elevation of ground Ground Elevation Graph for polyline from xml
- I5 in CA (normal polyline) - I5 in CA (encoded polyline)
- F-18 Crash Site in University City (San Diego) CA
- Steve Fossett Crash Site
- Cleveland National Forest
- Joshua Tree National Park
- Planes near Balboa Park - 1 - 2
- Angel Island State Park
- Anza-Borrego State Park
- other interesting pages
- Volcanos In The News
- XML Node Types (local version )
- lat/lng finder - local version (with interface to Ontok Geocoder)
- regional map of Oom Yung Doe Schools (3 locations)
- single school map - Hillcrest School of Oom Yung Doe (works from 2 different domains: this is the second )
- single school map - Encinitas School of Oom Yung Doe (works from 2 different domains: this is the second )
- single school map - Mission Viejo School of Oom Yung Doe (works from 2 different domains: this is the second )
- ACME GeoRSS Map Viewer
扫一扫
2794
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
