HTML/CSS


11

Apr 2016

Google Maps – 45° Perspective View

The map types SATELLITE and HYBRID support a 45° perspective imagery view for certain locations (only at high zoom levels). If you zoom into a location with 45° imagery view, the map will automatically alter the perspective view. In addition, the map will add: A compass wheel around the Pan control, allowing you to rotate the image A Rotate control between the Pan and Zoom...

Read More


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

Turn On All Controls on Google Map

Google Maps – Turn On All Controls Some controls appear on the map by default; 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. The following example turns “on” all controls. Here the code :...

Read More


09

Apr 2016

Disabling The Default Controls on Google Map

Google Maps – Disabling The Default Controls You may instead wish to turn off the default controls. To do so, set the Map’s disableDefaultUI property (within the Map options object) to true. Here the code is : Output :  



Page 1 of 612345...Last »