YouTip

* * * Google Maps of the HYBRID type: !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i16!3i10!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=5543) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i15!3i10!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=45286) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i14!3i9!4i256!2m1!1e1!2m3!1e0!2sm!3i782547556!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=43903) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i17!3i9!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=27079) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i16!3i11!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=110822) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i16!3i9!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=43628) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i15!3i11!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=19494) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i14!3i10!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=85029) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i17!3i11!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=71079) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i17!3i10!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=96871) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i14!3i11!4i256!2m1!1e1!2m3!1e0!2sm!3i782547640!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=59237) !(https://maps.googleapis.com/maps/vt?pb=!1m5!1m4!1i5!2i15!3i9!4i256!2m1!1e1!2m3!1e0!2sm!3i782547556!3m12!2sen-US!3sUS!5e18!12m4!1e68!2m2!1sset!2sRoadmapSatellite!12m3!1e37!2m1!1ssmartmaps!4e0!5m1!1e3!23i46991212!23i47054750!23i47083502&key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&token=27354) [](https://maps.google.com/maps?ll=51.508742,-0.12085&z=5&t=h&hl=en-US&gl=US&mapclient=apiv3 "Open this area in Google Maps (opens a new window)") Map data ©2026 GeoBasis-DE/BKG (©2009), Google Imagery ©2026 NASA Map data ©2026 GeoBasis-DE/BKG (©2009), Google Imagery ©2026 NASA * * *

Google Maps - Basic Map Types

The Google Maps API provides the following map types: * `MapTypeId.ROADMAP`, used to display the default road map view * `MapTypeId.SATELLITE`, used to display Google Earth satellite imagery * `MapTypeId.HYBRID`, used to display both normal view and satellite view simultaneously * `MapTypeId.TERRAIN`, used to display maps based on terrain information. To modify the map type currently in use via the Map, you can set its mapTypeId property:

var mapProp = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:7,
  mapTypeId: google.maps.MapTypeId.HYBRID
};

Or dynamically modify the mapTypeId:

map.setMapTypeId(google.maps.MapTypeId.HYBRID);

* * *

Google Maps - 45° Imagery

The Google Maps API supports special 45° imagery for specific locations. These high-resolution images provide perspective views facing the cardinal directions (east, south, west, north). For supported map types, these images also offer higher zoom levels. The existing google.maps.MapTypeId.SATELLITE and google.maps.MapTypeId.HYBRID map types support 45° perspective imagery at high zoom levels (where available). If you zoom into a location that has such imagery, these map types will automatically change their view in the following ways: * Any existing pan controls on the map will be changed to add a compass wheel around the existing navigation controls. You can use this compass to change the orientation of any 45° image by dragging the compass wheel to align with the nearest supported direction containing imagery. * A rotation control will appear intermittently between the existing pan and zoom controls, which can be used to rotate the image around the supported direction. The rotation control only supports clockwise rotation. * A 45° perspective image centered on the current location will replace the satellite or hybrid image. By default, such views face north. If you zoom out the map, it will redisplay the default satellite or hybrid image. * The MapType control will enable a submenu toggle control for displaying 45° imagery. **Note:** Zooming out on a map type displaying 45° imagery will revert all changes and reconstruct the original map type. The following example shows a 45° view of the Doge's Palace in Venice, Italy:

Example

var mapProp = {center:myCenter, zoom:18, mapTypeId:google.maps.MapTypeId.HYBRID};

[Try it »](#) **Tip:** Google is continuously adding 45° imagery for more cities. For the latest information, please refer to the list of [45° Imagery on Google Maps](https://goo.gl/AIWE). * * *

Google Maps - Enable and Disable 45° Imagery - setTilt(0)

You can disable 45° imagery by calling setTilt(0) on the Map object. To enable 45° perspective imagery for supported map types, call setTilt(45). * * *

Google Maps - Reference Manual

(#).