Type de carte Google

Google mapType

Type HYBRIDE google map :

Google Maps - Types de cartes de base

Les types de cartes suivants sont disponibles dans l'API Google Maps :

MapTypeId.ROADMAP pour les écrans la vue de la carte routière par défaut
MapTypeId.SATELLITE, utilisée pour afficher les images satellite de Google Earth
MapTypeId.HYBRID, utilisée pour afficher la vue normale et vue satellite
MapTypeId.TERRAIN, utilisée pour afficher la carte réelle en fonction des informations de terrain.

Pour modifier le type de carte utilisé via Map, vous pouvez définir l'attribut mapTypeId correspondant :

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

ou modifier dynamiquement mapTypeId :

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

Google Maps - Image 45°

Google Cartes L'API prend en charge des images spéciales à 45° pour des emplacements spécifiques.

Ces images haute résolution offrent des vues en perspective vers chacune des directions cardinales (sud-est, nord-ouest). Ces images sont également disponibles à des niveaux de zoom plus élevés pour les types de cartes pris en charge.

Les types de cartes google.maps.MapTypeId.SATELLITE et google.maps.MapTypeId.HYBRID existants prennent en charge les images en perspective à 45° à des niveaux de zoom élevés, si disponibles. Si l'emplacement sur lequel vous zoomez comporte une telle image, ces types de cartes changeront automatiquement leur affichage de la manière suivante :

Toutes les commandes panoramiques existantes sur la carte seront remplacées par Ajoute une boussole. roue autour du contrôle de navigation existant. Vous pouvez utiliser la boussole pour modifier l'orientation de n'importe quelle image à 45° en faisant glisser la molette de la boussole et en l'alignant avec la direction prise en charge la plus proche contenant l'image.
Un contrôle de rotation sera affiché entre les contrôles de panoramique et de zoom existants, qui peuvent être utilisés pour faire pivoter l'image dans les directions prises en charge. La commande de rotation prend uniquement en charge la rotation dans le sens des aiguilles d'une montre.
Une image en perspective à 45° centrée sur la position actuelle remplacera l'image satellite ou hybride. Par défaut, ce type de vue est orienté vers le nord. Si vous effectuez un zoom arrière, la carte revient à l'image satellite ou hybride par défaut.
Le contrôle MapType activera un contrôle à bascule de sous-menu pour afficher des images à 45°.

Remarque : Le zoom arrière sur un type de carte qui affiche une image à 45° annulera toutes les modifications et reconstruira le type de carte d'origine.

L'exemple suivant montre une vue à 45° du Palazzo Ducale à Venise, en Italie :

Exemple

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

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

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Conseil : Google ajoute constamment de nouvelles villes Image à 45°. Pour les dernières informations, consultez la liste d'images à 45° sur Google Maps.

Google Maps - Activation et désactivation des images à 45° - setTilt(0)

Vous pouvez désactiver les images à 45° en appelant setTilt(0) sur l'objet Map. Pour activer les images en perspective à 45° pour les types de cartes pris en charge, appelez setTilt(45).

Instance

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

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

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
map.setTilt(0);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>