codice:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="http://www.articoliinvendita.net/prova/lib/Fluster2.packed.js"></script> <script type="text/javascript"> var map; var fluster; function initialize() { var latlng = new google.maps.LatLng(41.9015141, 12.4607737); var myOptions = { zoom: 5, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP // can be SATELLITE , HYBRID, ROADMAP or TERRAIN }; map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); fluster = new Fluster2(map); var html_box = "<a href=\"foo bar\">tesT</a>"; var marker = add_marker(42.397, 140.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.397, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.497, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.597, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.697, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(-33.797, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.897, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.997, 141.644,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.197, 141.744,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.397, 141.544,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.397, 141.844,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); var html_box = "<a href=\"foo bar\">tesT 2</a>"; var marker = add_marker(42.397, 141.944,"Some title!",html_box); // pass in as Latitude, then Longitude fluster.addMarker(marker); // Initialize Fluster // This will set event handlers on the map and calculate clusters the first time. fluster.initialize(); } function add_marker(lat,lng,title,box_html) { var infowindow = new google.maps.InfoWindow({ content: box_html }); var marker = new google.maps.Marker({ position: new google.maps.LatLng(lat,lng), map: map, title: title }); google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker); }); return marker; } </script> <body onload="initialize()"> <div id="map_canvas" style="width:1000px; height:450px"></div> </body>
I marker presenti nel codice sono: