Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Hoe plaats ik meerdere markers in Google Maps?

graspol
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&amp;v=2&amp;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

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