Solution: The variable mapOptions defines the properties of the map. Where to center the map is defined by center property, it uses longitude and latitude properties. To specify the zoom level for the map we use zoom property.

Solution: The objects on the map that are bound to longitude/latitude coordinates are overlays. Google Maps has many types of overlays. Marker, Polygon, Polyline, Circle, Rectangle, Info Windows, Custom overlays etc.

Solution: Marker specifies the single locations on the map. It can also display custom icon images. A series of straight lines on a map can be specified by Polyline. A series of a straight line with the “closed” shape is defined by Polygon.

Solution: Polyline supports various properties like strokeColor, strokeWeight, editable, strokeOpacity, path. The several longitude or latitude coordinates for a line is specified by path. An opacity of the line is specified by strokeOpacity.

Solution: The properties supported by polygon are strokeColor, strokeWeight, editable, fillOpacity, fillColor, path, strokeCapacity. The hexadecimal color for the area within an enclosed region is specified by fillColor, the opacity to fill color is specified by fillOpacity.

Solution: Circle supports the properties like radius, center, strokeOpacity, strokeCapacity, fillColor, fillOpacity, stokeOpacity, editable, specify google.maps.LatLng of center of circle, the radius of a circle is specified by radius. Opacity of stroke color is specified by strokeOpacity.

Solution: The value of fillOpacity lies between 0.0 and 1.0. The value of strokeOpacity also lies between 0.0 and 1.0, E.g path: Trip, strokeOpacity: 0.7, strokeWeight: 3, strokeColor: “#000FFF” .

Solution: Google map has a default control set namely Pan, Zoom, Street view, MapType, Rotate, Overview map, scale. A slider or “+/-” buttons for controlling zoom level of the map. For panning the map we use pan control.

Solution: The control overview displays a thumbnail overview map which reflects the current map viewport within the wider area. A map scale element is displayed by scale control. Pegman icon that can be dragged to the map for enabling street view is displayed by this control. When a user wants to toggle between the maps (roadmap and satellite), Map Type is used.

Solution: For modifying control we use mapTypeControlOptions field. google.maps.MapTypeControlStyle.HORZONTAL_BAR displays a single button for each map type. google.maps.MapTypeControlStyle.DEFAULT displays default behavior. google.maps.MapTypeControlStyle.DROPDOWN_MENU helps in selecting map type via dropdown menu.