Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
Google Maps A. Ferrari
2
Documentazione developers.google.com/maps/documentation/javascr ipt/tutorial Esempio: http://albertoferrari.altervista.org/google_maps_01.html
3
API KEY AIzaSyChiim6wL4i3Lf_pn08ngPkdZOUv5AMCBc
4
Esempio 01 Mappa centrata su coordinate specificate La pagina è HTML5 ( ) Si includono le API JavaScript di google maps <script type="text/javascript src="https://maps.googleapis.com/maps/api/js?key=API_KEY&senso r=SET_TO_TRUE_OR_FALSE"> </script> Si crea un elemento div chiamato "map-canvas" per contenere la mappa Si crea un oggetto JavaScript i cui memeorizzare le proprietà della mappa Si scrive una funzione JavaScript per creare loggetto map
5
html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map-canvas { height: 100% } <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChiim6wL4i3Lf_pn08ngPkdZOUv5AMCBc&sensor=false "> function initialize() { var mapOptions = { center: new google.maps.LatLng(44.79, 10.32), zoom: 8, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize);
Presentazioni simili
