Vraag & Antwoord

Webprogrammeren & scripting

Hoe plaats ik meerdere markers in Google Maps?

2 antwoorden
  • Hoi, Ik ben al dagen aan het zoeken en worstelen om meerdere markers te plaatsen op een google map, maar ik krijg het maar niet voor elkaar. Het lukt me wel om 1 interactieve marker te plaatsen en als ik daar op klik opent er een ballonnetje met daarin wat tekst en een html link. Dit werkt verder prima, zie hier: http://home.xmsnet.nl/mappie/index.html Alleen nu wil ik meerdere van die markers plaatsen, maar dat lukt me dus niet. Het liefste wil ik het in de javascript plaatsen en niet in een extra XML bestand. Bijvoorbeeld wil ik er een interactieve marker bij op de volgende 2 coördinaten: Breedtegraad 52.0228° Lengtegraad 5.41881° Breedtegraad 52.0148° Lengtegraad 5.42796° Wie kan mij op weg helpen, of weet hoe ik dat voor elkaar kan krijgen? Ik heb al op allerlei pagina's op het internet gezocht o.a. ook op die van "Google Maps API Examples" maar daar gebruiken ze juist een voorbeeld, waar ik ook niet verder mee kom. Hieronder de code van mijn index.html bestand: [i:bf17178b69]<!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <script src="http://maps.google.com/maps?file=api&v=2&key=HIER STAAT NORMAAL DE KEY DUS" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(52.01583577467258, 5.415905714035034), 13); var marker = new GMarker(map.getCenter()); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml('Hieronder de link naar de route<br><a href="http://home.xmsnet.nl/mappie/MapLeersum.html">Na klik Link Text</a>'); }); map.addOverlay(marker); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 700px; height: 500px"></div> </body> </html>[/i:bf17178b69]
  • Easy: http://mapmaker.donkeymagic.co.uk/ Add je markers, genereer javascript code en je bent er ;)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.