Tag: google map control


11

Apr 2016

Google Maps – Basic Map Types

The following map types are supported in Google Maps API: ROADMAP (normal, default 2D map) SATELLITE (photographic map) HYBRID (photographic map + roads and city names) TERRAIN (map with mountains, rivers, etc.) The map type is specified either within the Map properties object, with the mapTypeId property: Or by calling the map’s setMapTypeId() method:  


09

Apr 2016

Custom Controls of Google Map

Google Maps – Custom Controls Create a custom control that always takes you back to London, when clicked (if the map is dragged). Here the code is : Output :  


09

Apr 2016

Modifying Controls of Google Map

Google Maps – Modifying Controls Several of the map controls are configurable. The controls can be modified by specifying control options fields. For example, options for modifying a Zoom control are specified in the zoomControlOptions field. The zoomControlOptions field may contain: google.maps.ZoomControlStyle.SMALL – displays a mini-zoom control (only + and – buttons) google.maps.ZoomControlStyle.LARGE – displays the standard zoom slider control google.maps.ZoomControlStyle.DEFAULT – picks the best...

Read More


09

Apr 2016

Google Maps – More Controls

Google Maps – More Controls In addition to the default controls, Google Maps also has: Scale – displays a map scale element Rotate – 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 You can specify which controls to show when creating the map (inside MapOptions)...

Read More


08

Apr 2016

The Default Controls – Google Map

Google Maps – The Default Controls When showing a standard Google map, it comes with the default control set: Zoom – displays a slider or “+/-” 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...

Read More