Google kart på nettsiden din
Her er en liten innføring i hvordan du kan legge Google Maps på nettsiden din. Kartet fra Google lar deg legge til utallige funksjoner og effekter, men i dette eksemplet viser jeg bare det helt grunnleggende.
Det første du bør gjøre er å ta en tur innom http://www.google.com/apis/maps/ og få deg en nøkkel for å bruke på din nettside. Nøkkelen virker kun på det domenenavnet du henter nøkkel for, men det virker også i alle underkataloger på det nettstedet. Subdomener krever egen nøkkel.
Når du har hentet nøkkelen din, legger du denne koden i <head>-taggen din:
script src="http://maps.google.com/maps?file=api&v=2&key=DIN NØKKEL"type="text/javascript"></script><script type="text/javascript">//<![CDATA[function load() {if (GBrowserIsCompatible()) {var map = new GMap2(document.getElementById("map"));map.setCenter(new GLatLng(37.0625, -95.677068), 13);}}//]]></script>
DIN NØKKEL er nøkkelen du hentet hos Google Map API. Derretter må du legge følgende kode i <body>-taggen din:
<body onload="load()" onunload="GUnload()">
Når alt dette er gjort, gjenstår kun en ting til, og det er å legge selve kartet på siden din. Dette er en <div>-tag med en id kalt "map". Her er koden:
<div id="map" style="width: 440px; height: 300px; position: relative; background-color: rgb(229, 227, 223);"></div>
Som du legger merke til i denne koden har du muligheter for å sette stilen på <div>-taggen. Dette gir deg litt friheter. Eksempelet over gir følgende resultat:
Send ny kommentar