| Hvordan vise Google kart på din webside med tracks fra din GPS og bilder tatt på veien . |
| Friday 06. July 2007 | |
|
Denne bruksanvisning er
laget for å beskrive hvordan en får Google kart
på ens egen webside med tracklogs fra ens GPS og markører for å gå til fotoer, laget på veien. Dette er alt gjort med gratis software som er tilgjengelig på nettet- Det kan oså gjøres med forholdsvis billig kommersielt tilgjengelig software. (Jeg bruker JetPhotoStudio) , se her for å se hva slags resultat en da får ) For å gjøre dette med gratis tilgjengelig materiale gjør slik ; For å konvertere trackdata fra din gps til gpx format Gpsbabel For geocode exifdata i dine bilder med data fra trackfilen GpicSync For å lage koden for å vise bildene og tracks i Google Kart på din egen side ;Jeg bruker javascript koder fra Avi.Alkalay funnet her Vår tur "Fra fjord til Fjell " i Kinsarvik Hardanger i juni 2006
Bruksanvisning Jeg bruker en magellan explorist 210 gps og min forklaring vil gjøre bruk av en trackfil fra denne. Magellan bruker .log filer i et format spesifikt for denne. 1,Konvertering av Tracklog til GPX format. Først konverter tracklog til track.gpx ved å åpne Gps BabelGui.exe og oppgi trackloggen som din innputt og ut GPX XML. Velg hva du vil konvertere og trykk Lets go
Du har nå en tracklog i GPX format. 2. Å lage en kml fil med GpicSync
Start GpicSync og lag en kml fil av bildene i din mappe GPS filen (gpx) i GPX filen du lagde i foregånde eksempel Merk (tag) Google Kart export folder ( en folder kan bli flyttet dit men det gjør det hele litt statisk.) Trykk synkroniser.
flytt følgene inn i overskrift feltet i index.php av ditt theme . <!-- ********************* Script for googlemapsPlugin *************** --> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2.x&key=YourGoogleMapsApiKeyHere"> </script> <!--Google Maps Plugin logic--> <script type="text/javascript" src="PathOfTheScript/googlemapsPlugin.js"> </script><!--Google Maps Plugin Initialization--> <script type="text/javascript"> //<![CDATA[ MapPluginInit( /* Default maps width */ 300, /* Default maps height */ 1900, /* Use rel instad of title? */ true); //]]> </script> <!-- ********************* END Script for googlemapsPlugin *************** --> Derretter kopier inn din historie <dl title="googlemap;w:60%;h:400;t:k" id="Title of Map"> <dt><a href="http://maps.google.com/?z=11&ll=60.3217,6.85219&om=0&t=k">Center of map</a> </dt> <dt><a href="Path_of_KML_File/doc-webk.kml" title="kml">more markers</a></dt> </dl> For å få en selvstendig index.html fil på din webside som anroper Google Kart og javascriptet fra Avi Alkaly: lag en html fil på din webside som følger <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <!-- ********************* Script for googlemapsPlugin *************** --> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2.x&key=YourGoogleMapsApiKeyHere"> </script> <!--Google Maps Plugin logic--> <script type="text/javascript" src="PathOfTheScript/googlemapsPlugin.js"> </script><!--Google Maps Plugin Initialization--> <script type="text/javascript"> //<![CDATA[ MapPluginInit( /* Default maps width */ 300, /* Default maps height */ 1900, /* Use rel instad of title? */ true); //]]> </script> <!-- ********************* END Script for googlemapsPlugin *************** --> </head> <body> Your text here <center> <dl title="googlemap;w:60%;h:400;t:k" id="Title of Map"> <dt><a href="http://maps.google.com/?z=11&ll=60.3217,6.85219&om=0&t=k">Center of map</a> </dt> <dt><a href="Path_of_KML_File/doc-webk.kml" title="kml">more markers</a></dt> </dl> </center> </body> </html> |
|
| Sist oppdatert ( Saturday 21. July 2007 ) |
| < Forrige | Neste > |
|---|