Luca e Andrea » google http://www.lucaeandrea.com Il blog di Luca e Andrea Thu, 25 Nov 2010 15:44:43 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Inseriamo una mappa con le API 3 http://www.lucaeandrea.com/inseriamo-una-mappa-con-le-api-3/?utm_source=rss&utm_medium=rss&utm_campaign=inseriamo-una-mappa-con-le-api-3 http://www.lucaeandrea.com/inseriamo-una-mappa-con-le-api-3/#comments Wed, 21 Jul 2010 21:33:38 +0000 Luca http://www.lucaeandrea.com/?p=143

Con l’introduzione della versione 3 delle di map non è più necessario generare una chiave univoca per ogni sito dove dobbiamo inserire le nostre e questo semplifica molto le cose quando procediamo alla pubblicazione di un sito dall’area di sviluppo in produzione perché non ci dobbiamo preoccupare di generare una nuova chiave.

Ma ora andiamo più nello specifico e vediamo come iniziare da markup della nostra pagina dove inseriamo un div con ID map.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
   <title>Contatti - Sport 62</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <meta name="Language" content="it"/>
   <meta name="Description" content=""/>
   <meta name="KeyWords" content=""/>
   <script type="text/javascript" src="/include/jquery.js"></script>
   <script type="text/javascript" src="http://.google.com//api/js?sensor=true&language=it"></script>
   <!-- DOCUMENT READY -->
   <script type="text/javascript">
   $(document).ready(function(){
   });
   </script>
   <style>
   #contenitore{
     width:900px;
     height:100%;
     margin:auto;
     background-color:#ccc;
   }
   #map {
     width:500px;
     height:400px;
   }
   </style>
</head>
<body>
<div id="contenitore">
    <div id="mappa"></div>
</div>
</body>
</html>
Nel nostro documento abbiamo definito un di contenitore largo 900px e il div map che conterrà la nostra mappa di google. Nell’head del documento c’è la chiamata alle api di google dove gli passiamo come parametro sensor=true e la localizzazione della lingua tramite il parametro language=it così la nostra mappa “parlerà italiano”.
Ora andiamo a scrivere la nostra funzione che ci permetterà di visualizzare la mappa.
<script type="text/javascript">
function initialize() {
    var map = new google.maps.Map(document.getElementById("map"), {
    scaleControl: true});
    map.setCenter(new google.maps.LatLng(45.66100, 12.24581));
    map.setZoom(15);
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
    var marker = new google.maps.Marker({map: map, position:
    map.getCenter()});
    var infowindow = new google.maps.InfoWindow();
    infowindow.setContent("<p>Testo di prova del fumetto<br />Piazzale Duca d'aosta<br />Treviso (TV)<br />Ulteriore riga</p>");

    infowindow.open(map, marker);
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map, marker);
    });
}
</script>

In questa funzione per prima cosa andiamo ad inizializzare l’oggetto google.maps.Map nel nostro div, poi gli impostiamo il centro della mappa con le coordinate, in questo esempio è la stazione ferroviaria di Treviso ed impostiamo il livello di zoom a 15, l’ultima impostazione della mappa è la tipologia che corrisponde a Mappa quando utilizziamo le Google Maps.
Fatto questo creiamo un nuovo marker posizionandolo nel nostro centro della mappa ed è molto semplice perché nell’inizializzazione gli passiamo un oggetto con la mappa da utilizzare e la posizione.
Impostato il marker creiamo il fumetto attracerso l’oggetto InfoWindows() dove gli facciamo scrivere del testo di prova e lo associamo al marker creato prima.
L’ultima azione che facciamo è associare al click sul marker l’apertura del fumetto.

Ora è sufficiente richiamare la funzione initialize() all’apertura della pagina ed abbiamo la nostra mappa.

$(document).ready(function(){
    initialize();
})

Per tutte le opzioni che si possono utilizzare vi rimando alla documentazione ufficiale di google Map.

L’esempio di questo post lo potete trovare qui.

Come sempre aspetto commenti / critiche / approvazioni

]]> http://www.lucaeandrea.com/inseriamo-una-mappa-con-le-api-3/feed/ 3 Auguri Google Analytics http://www.lucaeandrea.com/auguri-google-analytics/?utm_source=rss&utm_medium=rss&utm_campaign=auguri-google-analytics http://www.lucaeandrea.com/auguri-google-analytics/#comments Sat, 14 Nov 2009 23:23:56 +0000 Luca http://www.lucaeandrea.com/?p=53

facendo il mio solito giro per i miei blog di riferimento per il mio lavoro e per i miei hobby mi sono ritrovato in quello di Marco Cilla dove era presente un articol0 molto interessante sui 4 anni da parte dell’acquisto di Urchin da parte di e di come questo strumento abbia cambiato la vita di molte persone legate al mondo del web.

Per un maggior approfondimento vi rimando all’articolo originale

]]> http://www.lucaeandrea.com/auguri-google-analytics/feed/ 0 Google ottiene il copyright per la propria homepage http://www.lucaeandrea.com/google-ottiene-il-copyright-per-la-propria-homepage/?utm_source=rss&utm_medium=rss&utm_campaign=google-ottiene-il-copyright-per-la-propria-homepage http://www.lucaeandrea.com/google-ottiene-il-copyright-per-la-propria-homepage/#comments Wed, 09 Sep 2009 14:32:16 +0000 AndreaDesign http://www.lucaeandrea.com/?p=45

Secondo la licenza numero US D599,372S emessa il primo settembre 2009, la famosa azienda di Montain View ha finalmente ottenuto il della propria homepage. Ora non si potrà più copiare né riprodurre in qualche modola veste grafica, resa nota dai due pulsantoni posti vicini a una serie di collegamenti e situati sotto a un grande campo di ricerca; Oltre a questo no si potrà nemmeno introdurre variazioni sul tema che però possano generare il dubbio che si tratti di una pagina .

Fonte: Il Sole 24 Ore

]]> http://www.lucaeandrea.com/google-ottiene-il-copyright-per-la-propria-homepage/feed/ 3 Google Seach Engine Optimization http://www.lucaeandrea.com/google-seach-engine-optimization/?utm_source=rss&utm_medium=rss&utm_campaign=google-seach-engine-optimization http://www.lucaeandrea.com/google-seach-engine-optimization/#comments Tue, 01 Sep 2009 07:48:15 +0000 Luca http://www.lucaeandrea.com/?p=41

Sicuramente la in italiano per il può essere utile a molti che cercano di posizionare il proprio sito il più in alto possibile nelle ricerche di .

Questa mattina l’ho ritrovata sul blog di google Italia ed ho deciso di metterla anche qui così i nostri lettori potranno avere sempre a portata di mano questa utile ed importante guida.

la potete trovare qui: http://googleitalia.blogspot.com/2009/04/guida-introduttiva-di-google.html oppure nelal versuione inglese la trovate qui: http://googlewebmastercentral.blogspot.com/2008/11/googles-seo-starter-guide.html

]]> http://www.lucaeandrea.com/google-seach-engine-optimization/feed/ 0