Google Maps på egen side

[JanThore]

Driver å setter opp Google Maps men vet ikke helt hvordan jeg skal gå frem for å få

inn flere merker, som helst ligger i en egen fil med html tekst i.

feks på ett merke:

 

var myHtml = "<strong>London</strong><br/>
<img src=www.maps.no/thumbnails/169.jpg'><br/>
<a href="">Se bilder fra turen her</a><br/>";

 

Prøvd litt forskjellig uten hell.

Koden er nå helt rein uten, kun kart:

 

    <script type="text/javascript"> 
function initialize() {      
if (GBrowserIsCompatible()) {        
  		var map = new GMap2(document.getElementById("map_canvas"));        
 		map.setCenter(new GLatLng(51.505303, 20.513403), 3);
	map.addMapType(G_PHYSICAL_MAP);
	map.setMapType(G_PHYSICAL_MAP);
	map.addControl(new GSmallZoomControl());
	map.addControl(new GOverviewMapControl());

}

}

</script>

Noen som har ett forslag på hvordan det kan løses?

Hadde satt veldig pris på det

[semafor]

http://www.netmag.co.uk/zine/ajax/working-with-google-maps

 

(Leste ikke post, og har aldri gjort det før. Tok en sjans på at du kan bruke noe der?)

[JanThore]

Fant ut av det etter litt nøye lesing i dok hos google, og svaret var veldig lett....

2 linjer kode

var geoXml = new GGeoXml("http://www.sti.no/fil.kmz");    
map.addOverlay(geoXml);

her har jeg brukt filen fra Google Earth, men man kan kode sin egen også,

som en kml-fil i xml-format slik:

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.1">
 <Document>
   <name>Mine reiser</name>
   <open>1</open>
   <description>Mine reiser rundt om</description>
  <Folder>
   <Placemark>
<name>London</name> 
<description>
	<![CDATA[<strong>London</strong><br/><img src="http://sti.no/thumbnails/169.jpg"><br/><a href="http://sti.no/thumbnails/169.jpg">Se bilder her</a><br/>]]> 
</description>
<Point>
 		<coordinates>51.303228,0.73406</coordinates> 
</Point>
      </Placemark>
  </Folder> 
 </Document>
</kml>