https://developers.google.com/maps/documentation/javascript/examples/
開發筆記,像是ubike那樣的地圖定位要如何來製作呢?我們可以參考下列開發案例來一窺其中奧祕。
Basics
- Simple map
- Showing pixel and tile coordinates
- Geolocation
- Localizing the map
- Right-to-left languages
- Asynchronous loading
- Custom map projections
Events
- Simple click event
- Using closures in event listeners
- Accessing arguments in UI events
- Getting properties with event handlers
- Listening to DOM events
Controls
- Disabling the default UI
- Adding controls to the map
- Control options
- Control positioning
- Custom controls
- Adding state to controls
Styles
Drawing on the Map
- Simple markers
- Removing markers
- Simple marker icons
- Complex marker icons
- Marker animations
- Marker animations with
setTimeout()
- Info windows
- Info windows with
maxWidth
- Simple polylines
- Removing polylines
- Complex polylines
- Simple polygons
- Polygon arrays
- Polygon auto-completion
- Circles
- Rectangles
- Rectangle zoom
- User-editable shapes
- Draggable polygons
- Listening to events
- Ground overlays
- Removing overlays
- Custom overlays
- Showing/hiding overlays
- Predefined marker symbols
- Custom marker symbols
- Animated symbols
- Arrows (symbols)
- Custom symbols on a line
- Dashed lines (symbols)
Layers
- KML layers
- KML feature details
- Data layer: Loading GeoJSON
- Data Layer Styling
- Data Layer Event Handling
- Data Layer Dynamic Styling
- Data layer: Earthquakes
- Heatmaps
- Fusion Tables layers
- Fusion Tables queries
- Fusion Tables heatmaps
- Fusion Tables styling
- GeoRSS layers
- Traffic layer
- Transit layer
- Weather layer
- Bicycle layer
- Panoramio layer
- Restricting photos by tag (Panoramio layer)
- Panoramio Widget API
MapTypes
- Basic map types
- Overlay map types
- Image map types
- Overlaying an image map type
- 45° imagery
- Rotating 45° imagery
Services
- Geocoding service
- Reverse geocoding
- Region code biasing (ES)
- Region code biasing (US)
- Directions service
- Displaying text directions with
setPanel()
- Directions service (complex)
- Travel modes in directions
- Waypoints in directions
- Draggable directions
- Distance Matrix service
- Elevation service
- Showing elevation along a path
- Street View service
- Street View containers
- Overlays within Street View
- Street View events
- Street View controls
- Directly accessing Street View data
- Custom Street View panoramas
- Custom Street View panorama tiles
- Maximum Zoom imagery service
Libraries
-
Adsense
-
Drawing
-
Geometry
-
Panoramio
-
Places
-
Weather