Hej,
sitter och försöker få Googles markerClusterer att fungera men det går sådär.
Hoppas att någon kan se vad jag gör för fel med hjälp av min kod nedan.
I slutet av koden ligger koden för markerclusterer som jag har problem med, jag undrar nu om jag lagt den koden fel eller om det är något annat jag missar? (markerclusterer.js har jag hämtat från Google)
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/mini-map.css">
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/markerclusterer.js"></script>
<script>
function initialize() {
var map_canvas = document.getElementById('map_canvas');
var map_options = {
center: new google.maps.LatLng(59.37066659999999, 17.975824800000055),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var locations = [
['Akalla-Kanaan 98 BGK', 59.4114427021035, 17.912663276196326, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Husbystigen', 'XXX XX', 'Akalla', '08-7511200'],
['Asarums BGK', 56.20352121545967, 14.837593966270447, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Stenbackavägen 6', '374 53', 'Asarum', '0454-329296'],
['Askim BGK', 57.625108446404, 11.930153855819754, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Hults Sörgårdsväg', '436 45', 'Askim', '031-286953'],
['Aspuddens BGK', 59.30738, 17.99484, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Hövdingagatan 14', '126 52', 'Hägersten', '08-6450391'],
['BGK Elit', 60.62511, 17.42250, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Golfvägen', '802 83', 'Gävle', '076-8467340'],
['BGK Jönköping', 57.77870098490691, 14.201683274591005, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Hermansvägen 4', '554 53', 'Jönköping', '036-165646'],
['BGK Kärnan', 56.06071753609644, 12.70305209259027, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Grenadjärsgatan 3', '254 53', 'Helsingborg', '042-146158'],
['BGK Laxen', 58.13596996892531, 12.114896858196971, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Strandvägen 11', '463 32', 'Lilla Edet', 'Ej angivet'],
['BGK Linjen', 55.8698179715117, 12.823117185397336, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Badhusgatan 2', '261 30', 'Landskrona', '0418-15092'],
['BGK Munken', 58.46804178613922, 11.680490793948366, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Örekilsparken', '455 31', 'Munkedal', '0524-10430'],
['BGK Ringen', 56.15998, 14.09326, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Prästvägen', '289 50', 'Hanaskog', '0456-24296'],
['BGK VK-78', 60.67378, 17.16086, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Brynäsgatan', '802 84', 'Gävle', '026-125748'],
['BGK Värend', 56.92125028824688, 14.819547423834365, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Evedalsvägen', '352 63', 'Växjö', '0470-63003'],
['Borås MGK', 57.74020, 12.94087, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Alidelundsgatan', '506 31', 'Borås', '033-104774'],
['Daga BGK', 59.06410181546725, 17.161318012966944, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Stationsvägen', '646 50', 'Björnlunda', '0158-20314'],
['Djulö BGK', 58.97033, 16.21089, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Kanotvägen', 'XXX XX', 'Katrineholm', '0150-19144'],
['Ekshärads BGK', 60.17117, 13.49573, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Klarälvsvägen 7', '683 60', 'Ekshärad', '073-8206466'],
['Enköpings BGK', 59.63339441506304, 17.07169031799924, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Idrottsallén', '745 36', 'Enköping', '0171-20855'],
['Ersta MGK', 59.30912196791585, 18.085743370500154, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Katarina Bangata 68', '116 42', 'Stockholm', '08-6404685'],
['Eskilstuna BGK', 59.35332, 16.50671, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Vilstavägen 3', '632 29', 'Eskilstuna', '016-144198'],
['Granhyddans BGK', 55.36446, 13.43012, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Beddinge Strandväg 127', '231 75', 'Beddingestrand', '0410-25949'],
['Gullbergsbro BGK', 57.70588, 12.02771, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Olbersgatan', '416 55', 'Göteborg', '031-215858'],
['Gällivare BGK', 67.13291, 20.66369, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Lasarettsgatan 15', '982 32', 'Gällivare', '0970-55729'],
['Göteborgs BGK', 57.73424, 12.05086, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Strandängsledet 1A', '415 06', 'Göteborg', '031-3320944'],
['Haga BGK', 58.60924, 16.25704, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Pampusvägen', '603 65', 'Norrköping', '011-318798'],
['Hjelmsjö BGK', 56.27488, 13.29446, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Ålstigen', '286 35', 'Örkelljunga', '0435-51631'],
['Haninge BGK', 59.173744538654624, 18.169328190213037, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Eriksbergsparken', '136 60', 'Haninge', '08-7454693'],
['Kalmar MGK', 56.68044, 16.36048, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Svinövägen', '392 36', 'Kalmar', '0480-282 88'],
['Kristinebergs BGK', 59.332971004311574, 18.003598763298783, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Hjamar Söderbergs Väg 10', '112 52', 'Stockholm', '08-6186105'],
['Kulladals BGK', 55.57248, 12.99836, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Per Albin Hanssons Väg 102', '215 65', 'Malmö', '040-88004'],
['Kungälvs BGK', 57.87046, 11.96894, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Kvarngatan 1', '442 35', 'Kungälv', '0303-15174'],
['Köpings BGK', 59.51992, 15.98802, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Mariebergsgatan', '731 34', 'Köping', '0221-18783'],
['Ludvika BGK', 60.14443, 15.18181, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Malmgatan 7', '771 33', 'Ludvika', '0240-19280'],
['Malmö BGK', 55.59779, 13.06707, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Cederströmsgatan 6', '212 39', 'Malmö', '040-185976'],
['Mosås BGK', 59.20377, 15.14572, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Nordanåsvägen 25', '702 33', 'Örebro', '019-225573'],
['MGK 49 Nyköping', 58.74496, 17.02112, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Kungshagsvägen', '611 35', 'Nyköping', '0155-210740'],
['MGK Östra V', 59.31037, 14.09619, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Hamnbrogatan', '681 54', 'Kristinehamn', '0550-18209'],
['Norrtälje BGK', 59.754732583736114, 18.717763342852777, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Granparken', '761 40', 'Norrtälje', '0176-224960'],
['Olofström BGK', 56.26544250140577, 14.526276698286438, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Pukaviksvägen 187', '293 42', 'Olofström', '0454-41487'],
['Skoghalls BGK', 59.32190, 13.46865, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Lunserudsvägen 3', '663 31', 'Skoghall', '054-517990'],
['Skönsbergs SK', 62.40017, 17.33840, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Medborgargatan 24', '856 30', 'Sundsvall', '060-610085'],
['Sollefteå BGK', 63.17238, 17.27782, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Risövägen', '881 30', 'Sollefteå', '0620-17330'],
['Solna BGK', 59.370096770101284, 17.99651657696836, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Vintervägen 45', '169 54', 'Solna', '08-826500'],
['Stockholms BGK', 59.29820277004877, 17.976266063476487, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Personnevägen 65', '129 35', 'Hägersten', '08-189885'],
['Strängnäs BGK', 59.38014, 17.02515, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Norrstacksvägen 7', '645 33', 'Strängnäs', '0152-15031'],
['Sundbybergs BGK', 59.37066659999999, 17.975824800000055, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Dimslöjan 1', '172 40', 'Sundbyberg', '08-295243'],
['Sundsvalls BGK', 62.39555, 17.28947, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Universitetsallén 24', '852 34', 'Sundsvall', '060-615078'],
['Södertälje BGK', 59.20553059257071, 17.625158402902343, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Bergviksgatan 20', '152 41', 'Södertälje', '08–55065268'],
['Sölvesborgs BGK', 56.06041, 14.59283, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Tivolivägen 4', '294 31', 'Sölvesborg', '0456-13097'],
['Tantogårdens BGK', 59.313024424694504, 18.037874146804825, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Skarpskyttestigen 6', '117 41', 'Stockholm', '08-6698295'],
['Tofta BGK', 57.50009, 18.14326, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Gnisvärdsvägen', '622 65', 'Gotlands Tofta', '0498-265662'],
['Tuve Tigers BGK', 57.50009, 18.14326, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Grästuvevägen 25', '417 49', 'Göteborg', '031-556250'],
['Tyresö BGK', 59.244784086003406, 18.237312592837498, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Akvarievägen 73', '135 42', 'Tyresö', '08-7427295'],
['Uddevalla BGK', 58.34022, 11.91068, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Oljehamnsvägen', '451 43', 'Uddevalla', '0522-17071'],
['Umeå BGK', 63.83118, 20.23984, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Hedlundadungen', '903 21', 'Umeå', '090-137651'],
['Uppsala BGK', 59.84582069844943, 17.650286451095553, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Ulleråkersvägen', '753 09', 'Uppsala', '018-124490'],
['Vinslöv BGK', 56.10930, 13.91247, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Troed Nelsongatan', '288 33', 'Vinslöv', '044-81429'],
['Växjö BGK', 56.88499, 14.80354, 'http://www.bangolfkartan.se/gfx/markers/bangolf.png', 'Spetsamossen', 'XXX XX', 'Växjö', '0470-91745 '],
];
var marker, i, location;
var map = new google.maps.Map(map_canvas, map_options);
var infowindow = new google.maps.InfoWindow();
for (i = 0; i < locations.length; i++) {
location = locations[i];
marker = new google.maps.Marker({
position: new google.maps.LatLng(location[1], location[2]),
map: map,
icon: location[3]
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0] + "<br />" + locations[i][4] + "<br />" + locations[i][5] + " " + locations[i][6] + "<br />" + "<br />" + locations[i][7] + "<br />");
infowindow.open(map, marker);
};
})(marker, i));
}
var markerCluster = new MarkerClusterer(map, locations, {
gridSize:40,
minimumClusterSize: 4,
calculator: function(markers, numStyles) {
if (markers.length >= 50) return {text: markers.length, index: 3}; // red
if (markers.length >= 5) return {text: markers.length, index: 2}; // yellow
return {text: markers.length, index: 0}; } // blue
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>
Tack på förhand
Kolsyra