Google Maps V3 og MarkerClusterer
Hej eksperterJeg er gået i luften med visning af Bed and Breakfast annoncer på Google Maps kort, se www.bedandbreakfastoverblik.dk.
Flere "gemmes" bag andre, og når endnu flere kommer på, fungerer det bare ikke. Jeg vil derfor gerne have kortet med "MarkerClusterer", så antal annoncer vises med tal indtil der zoomes, eks. http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/simple_example.html
Har kigget på http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/examples.html, men godt nok svært ved at se, hvordan jeg kan kombinere det med mit eget udtræk fra databasen. Håber virkelig, at I kan hjælpe :-)
Nuværende kode er:
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
<div id="map" style="width: 100%; height: 570px;">
</div>
<script type="text/javascript">
var locations = [
<% Do %>
<%
SQL4 = "SELECT * FROM bruger Where Id = '" & rs("Udlejerid") & "'"
Set rs4 = conn.execute(SQL4)
Navn = rs4("Navn")
Adresse = rs4("Adresse")
Post = rs4("Post")
%>
<%
Dagsdato = date()
%>
<% if rs("Udloeb") > Dagsdato then %>
['<font size="2" face="Arial" color="#000000"><% Response.Write Navn %><br><% Response.Write Adresse %>, <% Response.Write Post %></font><p><a href="/hus.asp?Id=<% Response.Write rs("Id") %>"><font size="2" face="Arial" color="#000000"><u>Se infoside</u></font></a>', <% Response.Write rs("Breddegrad") %>, <% Response.Write rs("Laengdegrad") %>],
<% end if %>
<%
rs.MoveNext
Loop While Not rs.EOF
%>
];
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: new google.maps.LatLng(56.401744, 11.151123),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
</script>
som nok skal laves helt ok.
På forhånd tak.