Controle para mudar o tipo de mapa 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>
