Controle para mudar o tipo de mapa de Google

Existe um controle em Google Maps que nos permite mudar entre os diferentes tipos de mapas de Google.

Podem-se incluir vários controles interativos nos mapas de Google, por exemplo, para fazer zoom sobre o mapa ou para alternar entre diferentes tipos de mapa.

Veremos agora como fazer um mapa colocando um controle com três botões, os quais clicando, o usuário pode selecionar o tipo de vista que deseja.

Isto se faz com o método addControl da classe GMap2, passando por parâmetro uma instância do tipo de controle que se deseja incluir. Teríamos que colocar esta linha no código, depois de centralizar o mapa na posição desejada.

map.addControl(new GMapTypeControl());

Vejamos o código completo de um mapa que tem o controle para mudar o tipo de vista. O mapa estará centralizado em Peñíscola, província de Castellón, onde o Papa Luna tinha a sede.

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
<title>Exemplo de Google Maps API</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=AQUI-SUA-CHAVE" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
   if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
      map.setCenter(new GLatLng(40.35868573007256, 0.4062795639038086), 16);
      map.addControl(new GMapTypeControl());
      map.setMapType(G_SATELLITE_MAP);
   }
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 615px; height: 400px"></div>
</body>
</html>