Google Maps Controls презентация

buttons to control the zoom level of the map
Pan - displays a pan control for panning the map
MapType - lets the user toggle between map types (roadmap and satellite)
Street View - displays a Pegman icon which can be dragged to the map to enable Street View

- displays a small circular icon which allows you to rotate maps
Overview Map - displays a thumbnail overview map reflecting the current map viewport within a wider area

(within the Map options object) to true:

while others will not appear unless you set them.
Adding or removing controls from the map is specified in the Map options object.
Set the control to true to make it visible - Set the control to false to hide it.

specified in the mapTypeControlOptions field. The mapTypeControlOptions field may contain:
google.maps.MapTypeControlStyle.HORIZONTAL_BAR - display one button for each map type
google.maps.MapTypeControlStyle.DROPDOWN_MENU - select map type via a dropdown menu
google.maps.MapTypeControlStyle.DEFAULT - displays the "default" behavior (depends on screen size)

property:

shape, which people can use to reposition, reshape, and resize the shape directly on the map. You can also make a shape draggable, so people can move it to a different place on the map.
User-made changes to the object do not persist between sessions. If you want to save the user's edits, you must capture and store the information yourself.

set as user-editable, by setting editable to true in the shape's options.

-78.649 }; // Define a rectangle and set its editable property to true. var rectangle = new google.maps.Rectangle({   bounds: bounds,   editable: true });

a different location on the map, set draggable to true in the marker options.

{   zoom: 4,   center: myLatlng } var map = new google.maps.Map(document.getElementById("map"), mapOptions); // Place a draggable marker on the map var marker = new google.maps.Marker({     position: myLatlng,     map: map,     draggable:true,     title:"Drag me!" });