Questo è il primo post che scrivo sulla programmazione, ma ho provato questo simpatico modo di utilizzare le mappe di Google.
Primo passo le Api di Key di Google, necessarie per poter caricare la mappa sul proprio sito:
http://code.google.com/apis/maps/signup.html
Copiatevi la Api Key e procediamo con lo script:
<script src=”http://maps.google.com/maps?file=api&v=2&key=COPIATE QUI LA VOSTRA API KEY“
type=”text/javascript”></script>
<script type=”text/javascript”>
//<![CDATA[
currentdata=new Date();
var datatime=currentdata.getTime();
var map;
var geoXml = new GGeoXml("http://www.VOSTROSITO.COM/feed.xml?"+datatime);
var icon = new GIcon();
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(41.854549,12.585651), 6);
map.addControl(new GLargeMapControl());
map.addOverlay(geoXml);
}
}
//]]>
</script>
Mettete questo script nell’header del vostro sito, poi dove volete che la mappa appaia, inserite:
<body onload=”load()” onunload=”GUnload()”>
<div id=”map” style=”width: 500px; height: 600px”></div>
Una piccola curiosità, come avrete notato la definizione della varaibile:
var geoXml = new GGeoXml(“http://www.VOSTROSITO.COM/feed.xml?”+datatime);
Serve per inserire proprio i segnaposto di GoogleMaps direttamte da un file xml che sarà così editato:
<?xml version=”1.0″ encoding=”iso-8859-1″?>
<feed xmlns=”http://www.w3.org/2005/Atom”
xmlns:georss=”http://www.georss.org/georss”
xmlns:gml=”http://www.opengis.net/gml”>
<title>Feed GeoRSS</title>
<subtitle>Elenco postazioni</subtitle>
<entry>
<title><![CDATA[Fraterna Domuns]]></title>
<link href=”http://www.luoghidellospirito.it/struttura.php?nome=fraternadomus”/>
<summary><![CDATA[ La Fraterna Domus è un piccolo villaggio alle porte di Roma, attrezzata per accogliere, con stile semplice e familiare, ospiti desiderosi di gustare un’oasi di pace, dall’aria pulita e serena.
Immersa nel verde del Parco di Veio, con i suoi sconfinati orrizonti , è come una perla tra i colli di Roma Nord, in faccia al Cupolone michelangiolesco ben visibile ad occhio nudo.]]></summary>
<georss:where>
<gml:Point>
<gml:pos>42.064715 12.490339</gml:pos>
</gml:Point>
</georss:where>
</entry>
<entry>
<title><![CDATA[Monastero Santa Scolastica]]></title>
<link href=”http://www.benedettini-subiaco.it/”/>
<summary><![CDATA[La struttura della Famiglia monastica sublacense, a differenza di altre Comunità benedettine, presenta una fisionomia sua propria, per lo Statuto particolare che tiene uniti i due monasteri: il Santuario del Sacro Speco e il Monastero di Santa Scolastica sono due case distinte di una sola comunità. Il monaco di Subiaco, pertanto, in forza del voto di stabilità, appartiene ad ambedue i monasteri.]]></summary>
<georss:where>
<gml:Point>
<gml:pos>41.985015 13.128662</gml:pos>
</gml:Point>
</georss:where>
</entry>
</feed>
Facile no?
Qui un esempio: http://www.luoghidellospirito.it