Introduzione alle Google Maps API V3

Con questo articolo vorrei cominciare a introdurre la nuova versione (V3) delle API di Google Maps. Nexus One è alle porte, i dispositivi basati su sistema Android si moltiplicano. La versione V3 di queste API è stata appositamente progettata per funzionare perfettamente anche sui dispositivi mobili, iPhone compreso. A differenza delle “vecchie” API, non è necessario richiedere una API Key per ogni applicazione. Tutte le funzionalità sono contenute in un file javascript che viene caricato all’avvio dell’applicazione assicurando la velocità dell’esecuzione.
Il primo codice che vi propongo è davvero molto semplice e ci permetterà di visualizzare una mappa centrata in un punto ben preciso:

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript"
  src="http://maps.google.com/maps/api/js?sensor=false"></script>
//Il parametro sensor (true/false) indica se l'applicazione usa
//un sensore per determinare la posizione dell'utente

<script type="text/javascript">
function initialize() {
    var latlng = new google.maps.LatLng(44.112909 , 9.835415); //centra la mappa in un punto preciso
    var myOptions = {
      zoom: 11,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.HYBRID  //imposta la mappa come ibrida.
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  <div id="map_canvas" style="width:60%;height:87%;"></div>
</body>
</html>

Il risultato finale lo potrete trovare qui.

Links utili

@ Google Maps API V3 Basics

@ Map V3 Tutorial

Annunci

1 Response to “Introduzione alle Google Maps API V3”


  1. 1 tony 9 giugno 2013 alle 3:15 pm

    Lo script sembra non funzionare. ma non ci sono key api da definire?
    Copiato ed incollato lo script non si sogna di mostrare mappe


Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...




Creative Commons License
Questo/a opera è pubblicato sotto una Licenza Creative Commons.

Addthis

AddThis Social Bookmark Button

Flickr Photos


%d blogger hanno fatto clic su Mi Piace per questo: