The Map is the central point of the library. It allows you to manipulate all available options. If you render the default map, the library will generate a map of 300px by 300px, centered on the coordinate (0, 0), configured with a zoom of 3 & using the default controls.
- Build a map
- Configure variable
- Configure html id
- Configure center & zoom
- Configure libraries
- Configure language
- Configure options
- Configure stylesheets
The maps on Google Maps contain UI elements for allowing user interaction through the map. These elements are known as controls and you can include variations of these controls in your Google Maps API application. Alternatively, you can do nothing and let the Google Maps API handle all control behavior.
Layers are objects on the map that consist of one or more separate items, but are manipulated as a single unit. Layers generally reflect collections of objects that you add on top of the map to designate a common association. Layers may also alter the presentation layer of the map itself, slightly altering the base tiles in a fashion consistent with the layer.
Overlays are objects on the map that are tied to latitude/longitude coordinates, so they move when you drag or zoom the map. Overlays reflect objects that you "add" to the map to designate points, lines, areas, or collections of objects.
- Marker
- Info Window
- Info Box
- Polyline
- Encoded Polyline
- Polygon
- Rectangle
- Circle
- Ground Overlay
- Marker Clusterer
Javascript within the browser is event driven, meaning that Javascript responds to interactions by generating events, and expects a program to listen to interesting events.
- Build an event
- Configure variable
- Configure instance
- Configure trigger
- Configure handle
- Append to a map
Once you have configured your map, you can render it: