Google Maps (Clusters)

by ian_smithz

HTML

<script src="https://www.mediwales.com/mapping/wp-content/themes/default/markerclusterer.js"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

<div id="map" style="width: 800px; height: 600px"></div>

JavaScript

(function() {
    window.onload = function() {
    // Creating an object literal containing the properties we want to pass to the map
    var options = {
    zoom: 10,
    center: new google.maps.LatLng(52.40, -3.61),
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // Creating the map
    var map = new google.maps.Map(document.getElementById('map'), options);
    // Creating a LatLngBounds object
    var bounds = new google.maps.LatLngBounds();
    // Creating an array that will contain the addresses
    var places = [];
    // Creating a variable that will hold the InfoWindow object
    var infowindow;
    // markerclusterer
    var markerCluster = new MarkerClusterer(map);
    var popup_content = ["<p>DTR Medical<\/p><img src=\"http:\/\/www.mediwales.com\/mapping\/wp-content\/uploads\/2011\/09\/dtr-logo.png\" \/><br \/><br \/><a href=\"http:\/\/www.mediwales.com\/mapping\/home\/dtr-medical\/\">View profile<\/a>","<p>MediWales<\/p><img src=\"http:\/\/www.mediwales.com\/mapping\/wp-content\/uploads\/2011\/09\/index.png\" \/><br \/><br \/><a href=\"http:\/\/www.mediwales.com\/mapping\/home\/mediwales\/\">View profile<\/a>","<p>Teamworks Design & Marketing<\/p><img src=\"http:\/\/www.mediwales.com\/mapping\/wp-content\/uploads\/2011\/09\/Teamworks-Design-Logo.png\" \/><br \/><br \/><a href=\"http:\/\/www.mediwales.com\/mapping\/home\/teamworks-design-and-marketing\/\">View profile<\/a>","<p>Acuitas Medical<\/p><img src=\"http:\/\/www.mediwales.com\/mapping\/wp-content\/uploads\/2011\/09\/acuitas-medical-logo.gif\" \/><br \/><br \/><a href=\"http:\/\/www.mediwales.com\/mapping\/home\/acuitas-medical\/\">View profile<\/a>","<p>Nightingale<\/p><img src=\"http:\/\/www.mediwales.com\/mapping\/wp-content\/uploads\/2011\/09\/Nightingale.png\" \/><br \/><br \/><a href=\"http:\/\/www.mediwales.com\/mapping\/home\/nightingale\/\">View profile<\/a>"];var address = ["17 Clarion Court, Llansamlet, Swansea, SA6 8RF","7 Schooner Way, , Cardiff, CF10 4DZ","65 St Brides Rd,...