SavLab http://www.savlab.com Wed, 09 Jul 2008 09:53:19 +0000 http://wordpress.org/?v=2.5 en Gestire più servizi di mappa con un unica libreria http://www.savlab.com/2008/07/09/gestire-piu-servizi-di-mappa-con-un-unica-libreria/ http://www.savlab.com/2008/07/09/gestire-piu-servizi-di-mappa-con-un-unica-libreria/#comments Wed, 09 Jul 2008 09:53:19 +0000 admin http://www.savlab.com/?p=26 WebMonkey Se il problema è quello di scegliere quale servizio di mappa sarà più appropiato per il Vostro sito potete comunque rimandare la risposta e cominciare a scrivere il codice javascript grazie a Mapstraction .
La libreria Javascript è in grado di gestire i più noti serivizi di mappa (Google, Yahoo, MapQuest, etc.) scrivendo sempre lo stesso codice javascript (almeno per quanto riguarda le funzioni base che sono in comune ai servizi: disegno di forme geometriche , bookmark, geocoding etc.)

Un semplice tutorial lo si trova su WebMonkey


]]> http://www.savlab.com/2008/07/09/gestire-piu-servizi-di-mappa-con-un-unica-libreria/feed/ Caratteri speciali in XML e HTML http://www.savlab.com/2008/07/08/caratteri-speciali-in-xml-e-html/ http://www.savlab.com/2008/07/08/caratteri-speciali-in-xml-e-html/#comments Tue, 08 Jul 2008 09:39:07 +0000 admin http://www.savlab.com/?p=25 WebMonkey Ecco su WebMonkey un utilissimo elenco dei caratterri speciali utilizzati in HTML o XML. link



]]> http://www.savlab.com/2008/07/08/caratteri-speciali-in-xml-e-html/feed/ Trucchi per un buon blog http://www.savlab.com/2008/07/08/trucchi-per-un-buon-blog/ http://www.savlab.com/2008/07/08/trucchi-per-un-buon-blog/#comments Tue, 08 Jul 2008 09:36:12 +0000 admin http://www.savlab.com/?p=24 WebMonkey su WebMonkey troviamo un utile guida per creare e gestire un buon blog link .



]]> http://www.savlab.com/2008/07/08/trucchi-per-un-buon-blog/feed/ 105 modi per risparmiare benzina http://www.savlab.com/2008/06/10/105-modi-per-risparmiare-benzina/ http://www.savlab.com/2008/06/10/105-modi-per-risparmiare-benzina/#comments Tue, 10 Jun 2008 12:53:10 +0000 admin http://www.savlab.com/?p=23 Ecco 105 modi per risparmiare sul pieno di benzina. link


]]> http://www.savlab.com/2008/06/10/105-modi-per-risparmiare-benzina/feed/ Guidare su Google Map http://www.savlab.com/2008/06/06/guidare-su-google-map/ http://www.savlab.com/2008/06/06/guidare-su-google-map/#comments Fri, 06 Jun 2008 09:35:47 +0000 admin http://www.savlab.com/?p=22 Se volete provare a guidare nel centro di Tokio un Camion ecco un simpatico gioco in flash che utilizza Google Map. Link


]]> http://www.savlab.com/2008/06/06/guidare-su-google-map/feed/ Plug-in Google Earth per browser http://www.savlab.com/2008/05/29/plug-in-google-earth-per-browser/ http://www.savlab.com/2008/05/29/plug-in-google-earth-per-browser/#comments Thu, 29 May 2008 11:07:51 +0000 admin http://www.savlab.com/?p=21 Plugin Google Earth Google ha messo a disposizione un plugin per browser di Google Earth. E’ ora possibile integrare le mappe di Google Earth nelle nostre pagine web e comandare la camera, aggiungere poligoni, importare modeli 3D e kml tutto tramite Javascript.
Questo è il link dove si può scaricare il plugin


]]> http://www.savlab.com/2008/05/29/plug-in-google-earth-per-browser/feed/ Stadi Europei 2008 su Google Earth http://www.savlab.com/2008/05/28/stadi-europei-2008/ http://www.savlab.com/2008/05/28/stadi-europei-2008/#comments Wed, 28 May 2008 08:04:26 +0000 admin http://www.savlab.com/?p=20 Europei 2008 Ecco il file kmz per la visualizzazione in Google Earth degli stadi Europei 2008: Link


]]> http://www.savlab.com/2008/05/28/stadi-europei-2008/feed/ Google Map in Flex http://www.savlab.com/2008/05/27/google-map-in-flex/ http://www.savlab.com/2008/05/27/google-map-in-flex/#comments Tue, 27 May 2008 11:24:28 +0000 admin http://www.savlab.com/?p=18 Google ha recentemente messo a disposizione Google Map per chi sviluppa in flash o flex.

La documentazione la si trova a questo link.

Proviamo ora a creare la prima mappa in Flex.


Prima di tutto richiediamo la chiave per poter utilizzare le mappe sul nostro sito : Sign Up for the Google Maps API

Conserviamo il codice generato che ci servirà in seguito.

Ora recuperiamo da questo link l’sdk per Flex 3.0 (non scaricate Flex Builder 3.0 ma Flex Sdk 3.0). Scompattiamo lo zip in una cartella.

Scarichiamo da questo link  l’sdk necessario per visualizzare le mappe Google in flex. Una volta scaricato copiamo il file map_flex_1_3.swc presente nella cartella lib nella cartella frameworks\libs presente nell’ sdk di Flex.
 

Il nostro ambiente di sviluppo Flex è ora pronto.

Ora creiamo con un editor di testo un file che chiamiamo mappa.mxml.

Scriviamo nel file le seguenti righe di codice:

 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%"> 
<mx:Panel title="Flex e Google Map - Doppio click sulla mappa per visualizzare le coordinate" width="100%" height="100%">   
<mx:UIComponent id="mapContainer"        
   initialize="startMap(event);"        
    resize="resizeMap(event)"       
      width="100%" height="100%"/> 
     </mx:Panel>  
     <mx:Script> 
       <![CDATA[
 
      import flash.events.Event;
      import com.google.maps.MapEvent;
      import com.google.maps.MapMouseEvent;
      import com.google.maps.Map;
      import com.google.maps.MapType;
      import com.google.maps.LatLng;
      import com.google.maps.controls.PositionControl;
      import com.google.maps.controls.MapTypeControl; 
      import com.google.maps.controls.ZoomControl;
      import com.google.maps.InfoWindowOptions;
 
 
      private var map:Map;  
      public function startMap(event:Event):void {
            map = new Map();   
            map.addEventListener(MapEvent.MAP_READY, onMapReady);
            map.addEventListener(MapMouseEvent.DOUBLE_CLICK, onMapClick);
            mapContainer.addChild(map); 
            }        
      public function resizeMap(event:Event):void {  
          map.setSize(new Point(mapContainer.width, mapContainer.height)); 
       }    
      private function onMapReady(event:MapEvent):void {   
        map.setCenter(new LatLng(41.86956082699455, 12.32666015625), 6,    MapType.NORMAL_MAP_TYPE); 
 
        map.addControl(new ZoomControl());    
        map.addControl(new PositionControl());    
        map.addControl(new MapTypeControl());   
 
      }
 
      private function onMapClick(event:MapMouseEvent):void {  
        var s:String;
        s =  event.latLng.toString();
        map.openInfoWindow
            ( event.latLng,new InfoWindowOptions({title: "Coordinate:", content: s})
        );
       } 
]]> 
</mx:Script>
</mx:Application>

Il codice crea una mappa centrata sull’Italia.
All’evento doppio click sulla mappa viene vengono visualizzate le coordinate.

Ora dobbiamo compilare il codice per ottenere il file swf.
Per compilarlo usiamo l’eseguibile presente nella cartella bin dell’sdk mxmlc.exe.
Da riga di comando eseguiamo il file mxmlc e come parametro il percorso del file mappa.mxml.
Se tutto è andato bene dovremmo trovare nella cartella il file mappa.swf.

A questo punto non ci rimane che integrare il nostro oggetto in una pagina HTML.
All’oggetto verrà passato come parametro keyla chiave generata per l’utilizzo della mappe di Google sul nostro sito.

Creiamo un file mappaflex.html con il seguente codice stando attenti di sostituire al valore della chiave con il valore della nostra restituito durante la registrazione per l’uso di Google Map

<html>
<head>
<title></title>
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
</script>
</head>
<body >
 <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"   style="height: 546px; width: 820px" >
<PARAM NAME=movie VALUE="mappa.swf">   
<PARAM NAME=quality VALUE=high>
<param name="flashVars" value="key=VALORE DELLA CHIAVE GOOGLE MAP">
<EMBED src="mappa.swf" quality=high width=100 HEIGHT=150
type="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT>
 
</body>
</html>

Se tutto è andato bene dovrebbe apparire così: link

]]> http://www.savlab.com/2008/05/27/google-map-in-flex/feed/ Geocodifica batch http://www.savlab.com/2008/05/19/geocodifa-batch/ http://www.savlab.com/2008/05/19/geocodifa-batch/#comments Mon, 19 May 2008 13:36:26 +0000 admin http://www.savlab.com/?p=17 batch geocodeSe avete un certo numero di indirizzi a cui assegnarli le coordinate geografiche senza spendere migliaia di euro presso qualche fornitore di servizi di geocodifica allora vi consiglio questo link che utilizza i servizi di geocodifica di yahoo e google.

Basta copiare da un foglio excel l’elenco degli indirizzi in un campo di testo sulla pagina web, validarli ed avviare la geocodifica. Tutto gratis. Se poi volete fargli una donazione…



 

]]> http://www.savlab.com/2008/05/19/geocodifa-batch/feed/ AirFox Live Helicopter http://www.savlab.com/2008/05/19/airfox-live-helicopter/ http://www.savlab.com/2008/05/19/airfox-live-helicopter/#comments Mon, 19 May 2008 12:47:10 +0000 admin http://www.savlab.com/?p=16 airfox live helicopterOra è possibile seguire in diretta le immagini del traffico o di un inseguimento prese da un elicottero con l’aggiunta della posizione sulle mappe di Google

 Myfox Chicago li mette a disposizione a questo link.


]]> http://www.savlab.com/2008/05/19/airfox-live-helicopter/feed/