login  Naam:   Wachtwoord: 
Registreer je!
 Forum

To many markers (Opgelost)

Offline AJansen - 14/07/2012 15:24
Avatar van AJansenLid Hoi allemaal,

Heb op mijn site een map van google, maar heb zo veel markers (+/- 5000) dat de kaart nu vol staat, nu heb ik al rond gekeken op google een kwam de volgende oplossing tegen MarkerClusterer, maar als ik deze toe pas op mijn map krijg ik de volgende foutmelding.

Foutdetails webpagina

Gebruikersagent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB7.3; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
Tijdstempel: Sat, 14 Jul 2012 13:15:47 UTC


Bericht: 'markers' is niet gedefinieerd
Regel: 76
Teken: 3
Code: 0

Nu is mijn vraag wat gaat hier mis.

Kijk hier voor de code
http://www.plaatscode.be/141849/
Met vriendelijke groet,
A Jansen

3 antwoorden

Gesponsorde links
Offline icemar - 16/07/2012 08:44
Avatar van icemar Lid Je mist je var markers deze toevoegen en deze melding is weg.

  1. var infowindow;
  2. var map;
  3. var markers;
  4. var markerCluster = new MarkerClusterer(map, markers);
Offline Martijn - 16/07/2012 11:06
Avatar van Martijn Crew PHP Wat je ook kunt doen, is serverside (php bv) de locaties opvragen en die in een database onthouden. Werkt prima Tenzij de clusters handig voor je zijn, dan moet je dat vooral doen
Offline AJansen - 16/07/2012 19:38 (laatste wijziging 17/07/2012 19:20)
Avatar van AJansen Lid Hallo allemaal,

Ik ben er uit, het werkt nu.
kijk onder voor de oplossing.

  1. var markers = data.documentElement.getElementsByTagName("marker");
  2. var markerArray = []; // lege array, we gaan die vullen. Aan het einde geven we deze variabele mee als tweede parameter van MarkerClusterer
  3. for (var i = 0; i < markers.length; i++) {
  4. var latlng = new google.maps.LatLng(parseFloat(markers.getAttribute("lat")),
  5. parseFloat(markers.getAttribute("lng")));
  6. var content = '<h3><a href="Camping.php?recordID=' + markers.getAttribute("id") + '">' + markers.getAttribute("camping") + '</a></h3>'+ markers.getAttribute("adres") +'<br>'+ markers.getAttribute("postcode") +', '+ markers.getAttribute("plaats") ;
  7. var marker = createMarker(content, latlng); // dit is dus een nieuwe marker.
  8. // we gaan die marker op de hoop zwieren
  9. markerArray.push(marker);
  10. }
  11. var markerCluster = new MarkerClusterer(map, markerArray);
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.216s