Leaflet GeoCsv Filter

'; 17 | for (var clave in feature.properties) { 18 | var title = points.getPropertyTitle(clave).strip(); 19 | var attr = feature.properties[clave]; 20 | if (title == labelColumn) { 21 | layer.bindLabel(feature.properties[clave], {className: 'map-label'}); 22 | } 23 | if (attr.indexOf('http') === 0) { 24 | attr = ''+ attr + ''; 25 | } 26 | if (attr) { 27 | popup += ''; 28 | } 29 | } 30 | popup += "

'+title+'	'+ attr +'

"; 31 | layer.bindPopup(popup, popupOpts); 32 | }, 33 | filter: function(feature, layer) { 34 | total += 1; 35 | if (!filterString) { 36 | hits += 1; 37 | return true; 38 | } 39 | var hit = false; 40 | var lowerFilterString = filterString.toLowerCase().strip(); 41 | $.each(feature.properties, function(k, v) { 42 | var value = v.toLowerCase(); 43 | if (value.indexOf(lowerFilterString) !== -1) { 44 | hit = true; 45 | hits += 1; 46 | return false; 47 | } 48 | }); 49 | return hit; 50 | } 51 | }); 52 | 53 | var hits = 0; 54 | var total = 0; 55 | var filterString; 56 | var markers = new L.MarkerClusterGroup(); 57 | var dataCsv; 58 | 59 | var addCsvMarkers = function() { 60 | hits = 0; 61 | total = 0; 62 | filterString = document.getElementById('filter-string').value; 63 | 64 | if (filterString) { 65 | $("#clear").fadeIn(); 66 | } else { 67 | $("#clear").fadeOut(); 68 | } 69 | 70 | map.removeLayer(markers); 71 | points.clearLayers(); 72 | 73 | markers = new L.MarkerClusterGroup(clusterOptions); 74 | points.addData(dataCsv); 75 | markers.addLayer(points); 76 | 77 | map.addLayer(markers); 78 | try { 79 | var bounds = markers.getBounds(); 80 | if (bounds) { 81 | map.fitBounds(bounds); 82 | } 83 | } catch(err) { 84 | // pass 85 | } 86 | if (total > 0) { 87 | $('#search-results').html("Showing " + hits + " of " + total); 88 | } 89 | return false; 90 | }; 91 | 92 | var typeAheadSource = []; 93 | 94 | function ArrayToSet(a) { 95 | var temp = {}; 96 | for (var i = 0; i < a.length; i++) 97 | temp[a[i]] = true; 98 | var r = []; 99 | for (var k in temp) 100 | r.push(k); 101 | return r; 102 | } 103 | 104 | function populateTypeAhead(csv, delimiter) { 105 | var lines = csv.split("\n"); 106 | for (var i = lines.length - 1; i >= 1; i--) { 107 | var items = lines[i].split(delimiter); 108 | for (var j = items.length - 1; j >= 0; j--) { 109 | var item = items[j].strip(); 110 | item = item.replace(/"/g,''); 111 | if (item.indexOf("http") !== 0 && isNaN(parseFloat(item))) { 112 | typeAheadSource.push(item); 113 | var words = item.split(/\W+/); 114 | for (var k = words.length - 1; k >= 0; k--) { 115 | typeAheadSource.push(words[k]); 116 | } 117 | } 118 | } 119 | } 120 | } 121 | 122 | if(typeof(String.prototype.strip) === "undefined") { 123 | String.prototype.strip = function() { 124 | return String(this).replace(/^\s+|\s+$/g, ''); 125 | }; 126 | } 127 | 128 | map.addLayer(markers); 129 | 130 | $(document).ready( function() { 131 | $.ajax ({ 132 | type:'GET', 133 | dataType:'text', 134 | url: dataUrl, 135 | contentType: "text/csv; charset=utf-8", 136 | error: function() { 137 | alert('Error retrieving csv file'); 138 | }, 139 | success: function(csv) { 140 | dataCsv = csv; 141 | populateTypeAhead(csv, fieldSeparator); 142 | typeAheadSource = ArrayToSet(typeAheadSource); 143 | $('#filter-string').typeahead({source: typeAheadSource}); 144 | addCsvMarkers(); 145 | } 146 | }); 147 | 148 | $("#clear").click(function(evt){ 149 | evt.preventDefault(); 150 | $("#filter-string").val("").focus(); 151 | addCsvMarkers(); 152 | }); 153 | 154 | }); 155 | -------------------------------------------------------------------------------- /js/leaflet.geocsv-src.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2013 - GPL 3 | * Iván Eixarch 4 | * https://github.com/joker-x/Leaflet.geoCSV 5 | * 6 | * This program is free software; you can redistribute it and/or modify 7 | * it under the terms of the GNU General Public License as published by 8 | * the Free Software Foundation; either version 2 of the License, or 9 | * (at your option) any later version. 10 | * 11 | * This program is distributed in the hope that it will be useful, 12 | * but WITHOUT ANY WARRANTY; without even the implied warranty of 13 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 14 | * GNU General Public License for more details. 15 | * 16 | * You should have received a copy of the GNU General Public License 17 | * along with this program; if not, write to the Free Software 18 | * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, 19 | * MA 02110-1301, USA. 20 | */ 21 | 22 | L.GeoCSV = L.GeoJSON.extend({ 23 | 24 | //opciones por defecto 25 | options: { 26 | titles: ['lat', 'lng', 'popup'], 27 | fieldSeparator: ';', 28 | lineSeparator: '\n', 29 | deleteDobleQuotes: true, 30 | firstLineTitles: false 31 | }, 32 | 33 | _propertiesNames: [], 34 | 35 | initialize: function (csv, options) { 36 | L.Util.setOptions (this, options); 37 | L.GeoJSON.prototype.initialize.call (this, csv, options); 38 | }, 39 | 40 | addData: function (data) { 41 | if (typeof data === 'string') { 42 | //leemos titulos 43 | var titulos = this.options.titles; 44 | if (this.options.firstLineTitles) { 45 | data = data.split(this.options.lineSeparator); 46 | if (data.length < 2) return; 47 | titulos = data[0]; 48 | data.splice(0,1); 49 | data = data.join(this.options.lineSeparator); 50 | titulos = titulos.trim().split(this.options.fieldSeparator); 51 | for (var i=0; i= 0) prop = 'prop-'+i; 60 | this._propertiesNames[i] = prop; 61 | } 62 | //convertimos los datos a geoJSON 63 | data = this._csv2json(data); 64 | } 65 | L.GeoJSON.prototype.addData.call (this, data); 66 | }, 67 | 68 | getPropertyName: function (title) { 69 | var pos = this.options.titles.indexOf(title) 70 | , prop = ''; 71 | if (pos >= 0) prop = this._propertiesNames[pos]; 72 | return prop; 73 | }, 74 | 75 | getPropertyTitle: function (prop) { 76 | var pos = this._propertiesNames.indexOf(prop) 77 | , title = ''; 78 | if (pos >= 0) title = this.options.titles[pos]; 79 | return title; 80 | }, 81 | 82 | _deleteDobleQuotes: function (cadena) { 83 | if (this.options.deleteDobleQuotes) cadena = cadena.trim().replace(/^"/,"").replace(/"$/,""); 84 | return cadena; 85 | }, 86 | 87 | _csv2json: function (csv) { 88 | var json = {}; 89 | json["type"]="FeatureCollection"; 90 | json["features"]=[]; 91 | var titulos = this.options.titles; 92 | 93 | csv = csv.split(this.options.lineSeparator); 94 | for (var num_linea = 0; num_linea < csv.length; num_linea++) { 95 | var campos = csv[num_linea].trim().split(this.options.fieldSeparator) 96 | , lng = parseFloat(campos[titulos.indexOf('lng')]) 97 | , lat = parseFloat(campos[titulos.indexOf('lat')]); 98 | if (campos.length==titulos.length && lng<180 && lng>-180 && lat<90 && lat>-90) { 99 | var feature = {}; 100 | feature["type"]="Feature"; 101 | feature["geometry"]={}; 102 | feature["properties"]={}; 103 | feature["geometry"]["type"]="Point"; 104 | feature["geometry"]["coordinates"]=[lng,lat]; 105 | //propiedades 106 | for (var i=0; i-180, lat<90, lat>-90); 114 | } 115 | } 116 | return json; 117 | } 118 | 119 | }); 120 | 121 | L.geoCsv = function (csv_string, options) { 122 | return new L.GeoCSV (csv_string, options); 123 | }; 124 | -------------------------------------------------------------------------------- /js/leaflet.geocsv.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2013 - GPL 3 | * Iván Eixarch 4 | * https://github.com/joker-x/Leaflet.geoCSV 5 | */ 6 | L.GeoCSV=L.GeoJSON.extend({options:{titles:["lat","lng","popup"],fieldSeparator:";",lineSeparator:"\n",deleteDobleQuotes:true,firstLineTitles:false},_propertiesNames:[],initialize:function(csv,options){L.Util.setOptions(this,options);L.GeoJSON.prototype.initialize.call(this,csv,options)},addData:function(data){if(typeof data==="string"){var titulos=this.options.titles;if(this.options.firstLineTitles){data=data.split(this.options.lineSeparator);if(data.length<2)return;titulos=data[0];data.splice(0,1);data=data.join(this.options.lineSeparator);titulos=titulos.trim().split(this.options.fieldSeparator);for(var i=0;i=0)prop="prop-"+i;this._propertiesNames[i]=prop}data=this._csv2json(data)}L.GeoJSON.prototype.addData.call(this,data)},getPropertyName:function(title){var pos=this.options.titles.indexOf(title),prop="";if(pos>=0)prop=this._propertiesNames[pos];return prop},getPropertyTitle:function(prop){var pos=this._propertiesNames.indexOf(prop),title="";if(pos>=0)title=this.options.titles[pos];return title},_deleteDobleQuotes:function(cadena){if(this.options.deleteDobleQuotes)cadena=cadena.trim().replace(/^"/,"").replace(/"$/,"");return cadena},_csv2json:function(csv){var json={};json["type"]="FeatureCollection";json["features"]=[];var titulos=this.options.titles;csv=csv.split(this.options.lineSeparator);for(var num_linea=0;num_linea-180&&lat<90&&lat>-90){var feature={};feature["type"]="Feature";feature["geometry"]={};feature["properties"]={};feature["geometry"]["type"]="Point";feature["geometry"]["coordinates"]=[lng,lat];for(var i=0;i= currentZoom) { 87 | visibleLayer = visibleLayer.__parent; 88 | } 89 | } 90 | 91 | if (this._currentShownBounds.contains(visibleLayer.getLatLng())) { 92 | if (this.options.animateAddingMarkers) { 93 | this._animationAddLayer(layer, visibleLayer); 94 | } else { 95 | this._animationAddLayerNonAnimated(layer, visibleLayer); 96 | } 97 | } 98 | return this; 99 | }, 100 | 101 | removeLayer: function (layer) { 102 | 103 | if (!this._map) { 104 | this._arraySplice(this._needsClustering, layer); 105 | return this; 106 | } 107 | 108 | if (!layer.__parent) { 109 | return this; 110 | } 111 | 112 | if (this._unspiderfy) { 113 | this._unspiderfy(); 114 | this._unspiderfyLayer(layer); 115 | } 116 | 117 | //Remove the marker from clusters 118 | this._removeLayer(layer, true); 119 | 120 | if (layer._icon) { 121 | L.FeatureGroup.prototype.removeLayer.call(this, layer); 122 | layer.setOpacity(1); 123 | } 124 | 125 | return this; 126 | }, 127 | 128 | //Takes an array of markers and adds them in bulk 129 | addLayers: function (layersArray) { 130 | var i, l, m; 131 | if (!this._map) { 132 | this._needsClustering = this._needsClustering.concat(layersArray); 133 | return this; 134 | } 135 | 136 | for (i = 0, l = layersArray.length; i < l; i++) { 137 | m = layersArray[i]; 138 | 139 | if (this.hasLayer(m)) { 140 | continue; 141 | } 142 | 143 | this._addLayer(m, this._maxZoom); 144 | 145 | //If we just made a cluster of size 2 then we need to remove the other marker from the map (if it is) or we never will 146 | if (m.__parent) { 147 | if (m.__parent.getChildCount() === 2) { 148 | var markers = m.__parent.getAllChildMarkers(), 149 | otherMarker = markers[0] === m ? markers[1] : markers[0]; 150 | L.FeatureGroup.prototype.removeLayer.call(this, otherMarker); 151 | } 152 | } 153 | } 154 | 155 | //Update the icons of all those visible clusters that were affected 156 | for (i in this._layers) { 157 | m = this._layers[i]; 158 | if (m instanceof L.MarkerCluster && m._iconNeedsUpdate) { 159 | m._updateIcon(); 160 | } 161 | } 162 | 163 | this._topClusterLevel._recursivelyAddChildrenToMap(null, this._zoom, this._currentShownBounds); 164 | 165 | return this; 166 | }, 167 | 168 | //Takes an array of markers and removes them in bulk 169 | removeLayers: function (layersArray) { 170 | var i, l, m; 171 | 172 | if (!this._map) { 173 | for (i = 0, l = layersArray.length; i < l; i++) { 174 | this._arraySplice(this._needsClustering, layersArray[i]); 175 | } 176 | return this; 177 | } 178 | 179 | for (i = 0, l = layersArray.length; i < l; i++) { 180 | m = layersArray[i]; 181 | 182 | if (!m.__parent) { 183 | continue; 184 | } 185 | 186 | this._removeLayer(m, true, true); 187 | 188 | if (m._icon) { 189 | L.FeatureGroup.prototype.removeLayer.call(this, m); 190 | m.setOpacity(1); 191 | } 192 | } 193 | 194 | //Fix up the clusters and markers on the map 195 | this._topClusterLevel._recursivelyAddChildrenToMap(null, this._zoom, this._currentShownBounds); 196 | 197 | for (i in this._layers) { 198 | m = this._layers[i]; 199 | if (m instanceof L.MarkerCluster) { 200 | m._updateIcon(); 201 | } 202 | } 203 | 204 | return this; 205 | }, 206 | 207 | //Removes all layers from the MarkerClusterGroup 208 | clearLayers: function () { 209 | //Need our own special implementation as the LayerGroup one doesn't work for us 210 | 211 | //If we aren't on the map (yet), blow away the markers we know of 212 | if (!this._map) { 213 | this._needsClustering = []; 214 | delete this._gridClusters; 215 | delete this._gridUnclustered; 216 | } 217 | 218 | if (this._noanimationUnspiderfy) { 219 | this._noanimationUnspiderfy(); 220 | } 221 | 222 | //Remove all the visible layers 223 | for (var i in this._layers) { 224 | L.FeatureGroup.prototype.removeLayer.call(this, this._layers[i]); 225 | } 226 | 227 | this.eachLayer(function (marker) { 228 | delete marker.__parent; 229 | }); 230 | 231 | if (this._map) { 232 | //Reset _topClusterLevel and the DistanceGrids 233 | this._generateInitialClusters(); 234 | } 235 | 236 | return this; 237 | }, 238 | 239 | //Override FeatureGroup.getBounds as it doesn't work 240 | getBounds: function () { 241 | var bounds = new L.LatLngBounds(); 242 | if (this._topClusterLevel) { 243 | bounds.extend(this._topClusterLevel._bounds); 244 | } else { 245 | for (var i = this._needsClustering.length - 1; i >= 0; i--) { 246 | bounds.extend(this._needsClustering[i].getLatLng()); 247 | } 248 | } 249 | return bounds; 250 | }, 251 | 252 | //Overrides LayerGroup.eachLayer 253 | eachLayer: function (method, context) { 254 | var markers = this._needsClustering.slice(), 255 | i; 256 | 257 | if (this._topClusterLevel) { 258 | this._topClusterLevel.getAllChildMarkers(markers); 259 | } 260 | 261 | for (i = markers.length - 1; i >= 0; i--) { 262 | method.call(context, markers[i]); 263 | } 264 | }, 265 | 266 | //Returns true if the given layer is in this MarkerClusterGroup 267 | hasLayer: function (layer) { 268 | if (layer._noHas) { 269 | return false; 270 | } 271 | 272 | if (this._needsClustering.length > 0) { 273 | var anArray = this._needsClustering; 274 | for (var i = anArray.length - 1; i >= 0; i--) { 275 | if (anArray[i] === layer) { 276 | return true; 277 | } 278 | } 279 | } 280 | 281 | return !!(layer.__parent && layer.__parent._group === this); 282 | }, 283 | 284 | //Zoom down to show the given layer (spiderfying if necessary) then calls the callback 285 | zoomToShowLayer: function (layer, callback) { 286 | 287 | var showMarker = function () { 288 | if ((layer._icon || layer.__parent._icon) && !this._inZoomAnimation) { 289 | this._map.off('moveend', showMarker, this); 290 | this.off('animationend', showMarker, this); 291 | 292 | if (layer._icon) { 293 | callback(); 294 | } else if (layer.__parent._icon) { 295 | var afterSpiderfy = function () { 296 | this.off('spiderfied', afterSpiderfy, this); 297 | callback(); 298 | }; 299 | 300 | this.on('spiderfied', afterSpiderfy, this); 301 | layer.__parent.spiderfy(); 302 | } 303 | } 304 | }; 305 | 306 | if (layer._icon) { 307 | callback(); 308 | } else if (layer.__parent._zoom < this._map.getZoom()) { 309 | //Layer should be visible now but isn't on screen, just pan over to it 310 | this._map.on('moveend', showMarker, this); 311 | if (!layer._icon) { 312 | this._map.panTo(layer.getLatLng()); 313 | } 314 | } else { 315 | this._map.on('moveend', showMarker, this); 316 | this.on('animationend', showMarker, this); 317 | this._map.setView(layer.getLatLng(), layer.__parent._zoom + 1); 318 | layer.__parent.zoomToBounds(); 319 | } 320 | }, 321 | 322 | //Overrides FeatureGroup.onAdd 323 | onAdd: function (map) { 324 | this._map = map; 325 | 326 | if (!this._gridClusters) { 327 | this._generateInitialClusters(); 328 | } 329 | 330 | for (var i = 0, l = this._needsClustering.length; i < l; i++) { 331 | var layer = this._needsClustering[i]; 332 | if (layer.__parent) { 333 | continue; 334 | } 335 | this._addLayer(layer, this._maxZoom); 336 | } 337 | this._needsClustering = []; 338 | 339 | this._map.on('zoomend', this._zoomEnd, this); 340 | this._map.on('moveend', this._moveEnd, this); 341 | 342 | if (this._spiderfierOnAdd) { //TODO FIXME: Not sure how to have spiderfier add something on here nicely 343 | this._spiderfierOnAdd(); 344 | } 345 | 346 | this._bindEvents(); 347 | 348 | 349 | //Actually add our markers to the map: 350 | 351 | //Remember the current zoom level and bounds 352 | this._zoom = this._map.getZoom(); 353 | this._currentShownBounds = this._getExpandedVisibleBounds(); 354 | 355 | //Make things appear on the map 356 | this._topClusterLevel._recursivelyAddChildrenToMap(null, this._zoom, this._currentShownBounds); 357 | }, 358 | 359 | //Overrides FeatureGroup.onRemove 360 | onRemove: function (map) { 361 | map.off('zoomend', this._zoomEnd, this); 362 | map.off('moveend', this._moveEnd, this); 363 | 364 | this._unbindEvents(); 365 | 366 | //In case we are in a cluster animation 367 | this._map._mapPane.className = this._map._mapPane.className.replace(' leaflet-cluster-anim', ''); 368 | 369 | if (this._spiderfierOnRemove) { //TODO FIXME: Not sure how to have spiderfier add something on here nicely 370 | this._spiderfierOnRemove(); 371 | } 372 | 373 | //Clean up all the layers we added to the map 374 | for (var i in this._layers) { 375 | L.FeatureGroup.prototype.removeLayer.call(this, this._layers[i]); 376 | } 377 | 378 | this._map = null; 379 | }, 380 | 381 | 382 | //Remove the given object from the given array 383 | _arraySplice: function (anArray, obj) { 384 | for (var i = anArray.length - 1; i >= 0; i--) { 385 | if (anArray[i] === obj) { 386 | anArray.splice(i, 1); 387 | return; 388 | } 389 | } 390 | }, 391 | 392 | //Internal function for removing a marker from everything. 393 | //dontUpdateMap: set to true if you will handle updating the map manually (for bulk functions) 394 | _removeLayer: function (marker, removeFromDistanceGrid, dontUpdateMap) { 395 | var gridClusters = this._gridClusters, 396 | gridUnclustered = this._gridUnclustered, 397 | map = this._map; 398 | 399 | //Remove the marker from distance clusters it might be in 400 | if (removeFromDistanceGrid) { 401 | for (var z = this._maxZoom; z >= 0; z--) { 402 | if (!gridUnclustered[z].removeObject(marker, map.project(marker.getLatLng(), z))) { 403 | break; 404 | } 405 | } 406 | } 407 | 408 | //Work our way up the clusters removing them as we go if required 409 | var cluster = marker.__parent, 410 | markers = cluster._markers, 411 | otherMarker; 412 | 413 | //Remove the marker from the immediate parents marker list 414 | this._arraySplice(markers, marker); 415 | 416 | while (cluster) { 417 | cluster._childCount--; 418 | 419 | if (cluster._zoom < 0) { 420 | //Top level, do nothing 421 | break; 422 | } else if (removeFromDistanceGrid && cluster._childCount <= 1) { //Cluster no longer required 423 | //We need to push the other marker up to the parent 424 | otherMarker = cluster._markers[0] === marker ? cluster._markers[1] : cluster._markers[0]; 425 | 426 | //Update distance grid 427 | gridClusters[cluster._zoom].removeObject(cluster, map.project(cluster._cLatLng, cluster._zoom)); 428 | gridUnclustered[cluster._zoom].addObject(otherMarker, map.project(otherMarker.getLatLng(), cluster._zoom)); 429 | 430 | //Move otherMarker up to parent 431 | this._arraySplice(cluster.__parent._childClusters, cluster); 432 | cluster.__parent._markers.push(otherMarker); 433 | otherMarker.__parent = cluster.__parent; 434 | 435 | if (cluster._icon) { 436 | //Cluster is currently on the map, need to put the marker on the map instead 437 | L.FeatureGroup.prototype.removeLayer.call(this, cluster); 438 | if (!dontUpdateMap) { 439 | L.FeatureGroup.prototype.addLayer.call(this, otherMarker); 440 | } 441 | } 442 | } else { 443 | cluster._recalculateBounds(); 444 | if (!dontUpdateMap || !cluster._icon) { 445 | cluster._updateIcon(); 446 | } 447 | } 448 | 449 | cluster = cluster.__parent; 450 | } 451 | 452 | delete marker.__parent; 453 | }, 454 | 455 | //Overrides FeatureGroup._propagateEvent 456 | _propagateEvent: function (e) { 457 | if (e.target instanceof L.MarkerCluster) { 458 | e.type = 'cluster' + e.type; 459 | } 460 | L.FeatureGroup.prototype._propagateEvent.call(this, e); 461 | }, 462 | 463 | //Default functionality 464 | _defaultIconCreateFunction: function (cluster) { 465 | var childCount = cluster.getChildCount(); 466 | 467 | var c = ' marker-cluster-'; 468 | if (childCount < 10) { 469 | c += 'small'; 470 | } else if (childCount < 100) { 471 | c += 'medium'; 472 | } else { 473 | c += 'large'; 474 | } 475 | 476 | return new L.DivIcon({ html: '

' + childCount + '

', className: 'marker-cluster' + c, iconSize: new L.Point(40, 40) }); 477 | }, 478 | 479 | _bindEvents: function () { 480 | var shownPolygon = null, 481 | map = this._map, 482 | 483 | spiderfyOnMaxZoom = this.options.spiderfyOnMaxZoom, 484 | showCoverageOnHover = this.options.showCoverageOnHover, 485 | zoomToBoundsOnClick = this.options.zoomToBoundsOnClick; 486 | 487 | //Zoom on cluster click or spiderfy if we are at the lowest level 488 | if (spiderfyOnMaxZoom || zoomToBoundsOnClick) { 489 | this.on('clusterclick', function (a) { 490 | if (map.getMaxZoom() === map.getZoom()) { 491 | if (spiderfyOnMaxZoom) { 492 | a.layer.spiderfy(); 493 | } 494 | } else if (zoomToBoundsOnClick) { 495 | a.layer.zoomToBounds(); 496 | } 497 | }, this); 498 | } 499 | 500 | //Show convex hull (boundary) polygon on mouse over 501 | if (showCoverageOnHover) { 502 | this.on('clustermouseover', function (a) { 503 | if (this._inZoomAnimation) { 504 | return; 505 | } 506 | if (shownPolygon) { 507 | map.removeLayer(shownPolygon); 508 | } 509 | if (a.layer.getChildCount() > 2 && a.layer !== this._spiderfied) { 510 | shownPolygon = new L.Polygon(a.layer.getConvexHull(), this.options.polygonOptions); 511 | map.addLayer(shownPolygon); 512 | } 513 | }, this); 514 | this.on('clustermouseout', function () { 515 | if (shownPolygon) { 516 | map.removeLayer(shownPolygon); 517 | shownPolygon = null; 518 | } 519 | }, this); 520 | map.on('zoomend', function () { 521 | if (shownPolygon) { 522 | map.removeLayer(shownPolygon); 523 | shownPolygon = null; 524 | } 525 | }, this); 526 | map.on('layerremove', function (opt) { 527 | if (shownPolygon && opt.layer === this) { 528 | map.removeLayer(shownPolygon); 529 | shownPolygon = null; 530 | } 531 | }, this); 532 | } 533 | }, 534 | 535 | _unbindEvents: function () { 536 | var spiderfyOnMaxZoom = this.options.spiderfyOnMaxZoom, 537 | showCoverageOnHover = this.options.showCoverageOnHover, 538 | zoomToBoundsOnClick = this.options.zoomToBoundsOnClick, 539 | map = this._map; 540 | 541 | if (spiderfyOnMaxZoom || zoomToBoundsOnClick) { 542 | this.off('clusterclick', null, this); 543 | } 544 | if (showCoverageOnHover) { 545 | this.off('clustermouseover', null, this); 546 | this.off('clustermouseout', null, this); 547 | map.off('zoomend', null, this); 548 | map.off('layerremove', null, this); 549 | } 550 | }, 551 | 552 | _zoomEnd: function () { 553 | if (!this._map) { //May have been removed from the map by a zoomEnd handler 554 | return; 555 | } 556 | this._mergeSplitClusters(); 557 | 558 | this._zoom = this._map._zoom; 559 | this._currentShownBounds = this._getExpandedVisibleBounds(); 560 | }, 561 | 562 | _moveEnd: function () { 563 | if (this._inZoomAnimation) { 564 | return; 565 | } 566 | 567 | var newBounds = this._getExpandedVisibleBounds(); 568 | 569 | this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, this._zoom, newBounds); 570 | this._topClusterLevel._recursivelyAddChildrenToMap(null, this._zoom, newBounds); 571 | 572 | this._currentShownBounds = newBounds; 573 | return; 574 | }, 575 | 576 | _generateInitialClusters: function () { 577 | var maxZoom = this._map.getMaxZoom(), 578 | radius = this.options.maxClusterRadius; 579 | 580 | if (this.options.disableClusteringAtZoom) { 581 | maxZoom = this.options.disableClusteringAtZoom - 1; 582 | } 583 | this._maxZoom = maxZoom; 584 | this._gridClusters = {}; 585 | this._gridUnclustered = {}; 586 | 587 | //Set up DistanceGrids for each zoom 588 | for (var zoom = maxZoom; zoom >= 0; zoom--) { 589 | this._gridClusters[zoom] = new L.DistanceGrid(radius); 590 | this._gridUnclustered[zoom] = new L.DistanceGrid(radius); 591 | } 592 | 593 | this._topClusterLevel = new L.MarkerCluster(this, -1); 594 | }, 595 | 596 | //Zoom: Zoom to start adding at (Pass this._maxZoom to start at the bottom) 597 | _addLayer: function (layer, zoom) { 598 | var gridClusters = this._gridClusters, 599 | gridUnclustered = this._gridUnclustered, 600 | markerPoint, z; 601 | 602 | if (this.options.singleMarkerMode) { 603 | layer.options.icon = this.options.iconCreateFunction({ 604 | getChildCount: function () { 605 | return 1; 606 | }, 607 | getAllChildMarkers: function () { 608 | return [layer]; 609 | } 610 | }); 611 | } 612 | 613 | //Find the lowest zoom level to slot this one in 614 | for (; zoom >= 0; zoom--) { 615 | markerPoint = this._map.project(layer.getLatLng(), zoom); // calculate pixel position 616 | 617 | //Try find a cluster close by 618 | var closest = gridClusters[zoom].getNearObject(markerPoint); 619 | if (closest) { 620 | closest._addChild(layer); 621 | layer.__parent = closest; 622 | return; 623 | } 624 | 625 | //Try find a marker close by to form a new cluster with 626 | closest = gridUnclustered[zoom].getNearObject(markerPoint); 627 | if (closest) { 628 | var parent = closest.__parent; 629 | if (parent) { 630 | this._removeLayer(closest, false); 631 | } 632 | 633 | //Create new cluster with these 2 in it 634 | 635 | var newCluster = new L.MarkerCluster(this, zoom, closest, layer); 636 | gridClusters[zoom].addObject(newCluster, this._map.project(newCluster._cLatLng, zoom)); 637 | closest.__parent = newCluster; 638 | layer.__parent = newCluster; 639 | 640 | //First create any new intermediate parent clusters that don't exist 641 | var lastParent = newCluster; 642 | for (z = zoom - 1; z > parent._zoom; z--) { 643 | lastParent = new L.MarkerCluster(this, z, lastParent); 644 | gridClusters[z].addObject(lastParent, this._map.project(closest.getLatLng(), z)); 645 | } 646 | parent._addChild(lastParent); 647 | 648 | //Remove closest from this zoom level and any above that it is in, replace with newCluster 649 | for (z = zoom; z >= 0; z--) { 650 | if (!gridUnclustered[z].removeObject(closest, this._map.project(closest.getLatLng(), z))) { 651 | break; 652 | } 653 | } 654 | 655 | return; 656 | } 657 | 658 | //Didn't manage to cluster in at this zoom, record us as a marker here and continue upwards 659 | gridUnclustered[zoom].addObject(layer, markerPoint); 660 | } 661 | 662 | //Didn't get in anything, add us to the top 663 | this._topClusterLevel._addChild(layer); 664 | layer.__parent = this._topClusterLevel; 665 | return; 666 | }, 667 | 668 | //Merge and split any existing clusters that are too big or small 669 | _mergeSplitClusters: function () { 670 | if (this._zoom < this._map._zoom) { //Zoom in, split 671 | this._animationStart(); 672 | //Remove clusters now off screen 673 | this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, this._zoom, this._getExpandedVisibleBounds()); 674 | 675 | this._animationZoomIn(this._zoom, this._map._zoom); 676 | 677 | } else if (this._zoom > this._map._zoom) { //Zoom out, merge 678 | this._animationStart(); 679 | 680 | this._animationZoomOut(this._zoom, this._map._zoom); 681 | } else { 682 | this._moveEnd(); 683 | } 684 | }, 685 | 686 | //Gets the maps visible bounds expanded in each direction by the size of the screen (so the user cannot see an area we do not cover in one pan) 687 | _getExpandedVisibleBounds: function () { 688 | if (!this.options.removeOutsideVisibleBounds) { 689 | return this.getBounds(); 690 | } 691 | 692 | var map = this._map, 693 | bounds = map.getBounds(), 694 | sw = bounds._southWest, 695 | ne = bounds._northEast, 696 | latDiff = L.Browser.mobile ? 0 : Math.abs(sw.lat - ne.lat), 697 | lngDiff = L.Browser.mobile ? 0 : Math.abs(sw.lng - ne.lng); 698 | 699 | return new L.LatLngBounds( 700 | new L.LatLng(sw.lat - latDiff, sw.lng - lngDiff, true), 701 | new L.LatLng(ne.lat + latDiff, ne.lng + lngDiff, true)); 702 | }, 703 | 704 | //Shared animation code 705 | _animationAddLayerNonAnimated: function (layer, newCluster) { 706 | if (newCluster === layer) { 707 | L.FeatureGroup.prototype.addLayer.call(this, layer); 708 | } else if (newCluster._childCount === 2) { 709 | newCluster._addToMap(); 710 | 711 | var markers = newCluster.getAllChildMarkers(); 712 | L.FeatureGroup.prototype.removeLayer.call(this, markers[0]); 713 | L.FeatureGroup.prototype.removeLayer.call(this, markers[1]); 714 | } else { 715 | newCluster._updateIcon(); 716 | } 717 | } 718 | }); 719 | 720 | L.MarkerClusterGroup.include(!L.DomUtil.TRANSITION ? { 721 | 722 | //Non Animated versions of everything 723 | _animationStart: function () { 724 | //Do nothing... 725 | }, 726 | _animationZoomIn: function (previousZoomLevel, newZoomLevel) { 727 | this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, previousZoomLevel); 728 | this._topClusterLevel._recursivelyAddChildrenToMap(null, newZoomLevel, this._getExpandedVisibleBounds()); 729 | }, 730 | _animationZoomOut: function (previousZoomLevel, newZoomLevel) { 731 | this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, previousZoomLevel); 732 | this._topClusterLevel._recursivelyAddChildrenToMap(null, newZoomLevel, this._getExpandedVisibleBounds()); 733 | }, 734 | _animationAddLayer: function (layer, newCluster) { 735 | this._animationAddLayerNonAnimated(layer, newCluster); 736 | } 737 | } : { 738 | 739 | //Animated versions here 740 | _animationStart: function () { 741 | this._map._mapPane.className += ' leaflet-cluster-anim'; 742 | this._inZoomAnimation++; 743 | }, 744 | _animationEnd: function () { 745 | if (this._map) { 746 | this._map._mapPane.className = this._map._mapPane.className.replace(' leaflet-cluster-anim', ''); 747 | } 748 | this._inZoomAnimation--; 749 | this.fire('animationend'); 750 | }, 751 | _animationZoomIn: function (previousZoomLevel, newZoomLevel) { 752 | var me = this, 753 | bounds = this._getExpandedVisibleBounds(), 754 | i; 755 | 756 | //Add all children of current clusters to map and remove those clusters from map 757 | this._topClusterLevel._recursively(bounds, previousZoomLevel, 0, function (c) { 758 | var startPos = c._latlng, 759 | markers = c._markers, 760 | m; 761 | 762 | if (c._isSingleParent() && previousZoomLevel + 1 === newZoomLevel) { //Immediately add the new child and remove us 763 | L.FeatureGroup.prototype.removeLayer.call(me, c); 764 | c._recursivelyAddChildrenToMap(null, newZoomLevel, bounds); 765 | } else { 766 | //Fade out old cluster 767 | c.setOpacity(0); 768 | c._recursivelyAddChildrenToMap(startPos, newZoomLevel, bounds); 769 | } 770 | 771 | //Remove all markers that aren't visible any more 772 | //TODO: Do we actually need to do this on the higher levels too? 773 | for (i = markers.length - 1; i >= 0; i--) { 774 | m = markers[i]; 775 | if (!bounds.contains(m._latlng)) { 776 | L.FeatureGroup.prototype.removeLayer.call(me, m); 777 | } 778 | } 779 | 780 | }); 781 | 782 | this._forceLayout(); 783 | var j, n; 784 | 785 | //Update opacities 786 | me._topClusterLevel._recursivelyBecomeVisible(bounds, newZoomLevel); 787 | //TODO Maybe? Update markers in _recursivelyBecomeVisible 788 | for (j in me._layers) { 789 | n = me._layers[j]; 790 | 791 | if (!(n instanceof L.MarkerCluster) && n._icon) { 792 | n.setOpacity(1); 793 | } 794 | } 795 | 796 | //update the positions of the just added clusters/markers 797 | me._topClusterLevel._recursively(bounds, previousZoomLevel, newZoomLevel, function (c) { 798 | c._recursivelyRestoreChildPositions(newZoomLevel); 799 | }); 800 | 801 | //Remove the old clusters and close the zoom animation 802 | 803 | setTimeout(function () { 804 | //update the positions of the just added clusters/markers 805 | me._topClusterLevel._recursively(bounds, previousZoomLevel, 0, function (c) { 806 | L.FeatureGroup.prototype.removeLayer.call(me, c); 807 | c.setOpacity(1); 808 | }); 809 | 810 | me._animationEnd(); 811 | }, 200); 812 | }, 813 | 814 | _animationZoomOut: function (previousZoomLevel, newZoomLevel) { 815 | this._animationZoomOutSingle(this._topClusterLevel, previousZoomLevel - 1, newZoomLevel); 816 | 817 | //Need to add markers for those that weren't on the map before but are now 818 | this._topClusterLevel._recursivelyAddChildrenToMap(null, newZoomLevel, this._getExpandedVisibleBounds()); 819 | //Remove markers that were on the map before but won't be now 820 | this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds, previousZoomLevel, this._getExpandedVisibleBounds()); 821 | }, 822 | _animationZoomOutSingle: function (cluster, previousZoomLevel, newZoomLevel) { 823 | var bounds = this._getExpandedVisibleBounds(); 824 | 825 | //Animate all of the markers in the clusters to move to their cluster center point 826 | cluster._recursivelyAnimateChildrenInAndAddSelfToMap(bounds, previousZoomLevel + 1, newZoomLevel); 827 | 828 | var me = this; 829 | 830 | //Update the opacity (If we immediately set it they won't animate) 831 | this._forceLayout(); 832 | cluster._recursivelyBecomeVisible(bounds, newZoomLevel); 833 | 834 | //TODO: Maybe use the transition timing stuff to make this more reliable 835 | //When the animations are done, tidy up 836 | setTimeout(function () { 837 | 838 | //This cluster stopped being a cluster before the timeout fired 839 | if (cluster._childCount === 1) { 840 | var m = cluster._markers[0]; 841 | //If we were in a cluster animation at the time then the opacity and position of our child could be wrong now, so fix it 842 | m.setLatLng(m.getLatLng()); 843 | m.setOpacity(1); 844 | } else { 845 | cluster._recursively(bounds, newZoomLevel, 0, function (c) { 846 | c._recursivelyRemoveChildrenFromMap(bounds, previousZoomLevel + 1); 847 | }); 848 | } 849 | me._animationEnd(); 850 | }, 200); 851 | }, 852 | _animationAddLayer: function (layer, newCluster) { 853 | var me = this; 854 | 855 | L.FeatureGroup.prototype.addLayer.call(this, layer); 856 | if (newCluster !== layer) { 857 | if (newCluster._childCount > 2) { //Was already a cluster 858 | 859 | newCluster._updateIcon(); 860 | this._forceLayout(); 861 | this._animationStart(); 862 | 863 | layer._setPos(this._map.latLngToLayerPoint(newCluster.getLatLng())); 864 | layer.setOpacity(0); 865 | 866 | setTimeout(function () { 867 | L.FeatureGroup.prototype.removeLayer.call(me, layer); 868 | layer.setOpacity(1); 869 | 870 | me._animationEnd(); 871 | }, 200); 872 | 873 | } else { //Just became a cluster 874 | this._forceLayout(); 875 | 876 | me._animationStart(); 877 | me._animationZoomOutSingle(newCluster, this._map.getMaxZoom(), this._map.getZoom()); 878 | } 879 | } 880 | }, 881 | 882 | //Force a browser layout of stuff in the map 883 | // Should apply the current opacity and location to all elements so we can update them again for an animation 884 | _forceLayout: function () { 885 | //In my testing this works, infact offsetWidth of any element seems to work. 886 | //Could loop all this._layers and do this for each _icon if it stops working 887 | 888 | L.Util.falseFn(document.body.offsetWidth); 889 | } 890 | }); 891 | 892 | 893 | L.MarkerCluster = L.Marker.extend({ 894 | initialize: function (group, zoom, a, b) { 895 | 896 | L.Marker.prototype.initialize.call(this, a ? (a._cLatLng || a.getLatLng()) : new L.LatLng(0, 0), { icon: this }); 897 | 898 | 899 | this._group = group; 900 | this._zoom = zoom; 901 | 902 | this._markers = []; 903 | this._childClusters = []; 904 | this._childCount = 0; 905 | this._iconNeedsUpdate = true; 906 | 907 | this._bounds = new L.LatLngBounds(); 908 | 909 | if (a) { 910 | this._addChild(a); 911 | } 912 | if (b) { 913 | this._addChild(b); 914 | } 915 | }, 916 | 917 | //Recursively retrieve all child markers of this cluster 918 | getAllChildMarkers: function (storageArray) { 919 | storageArray = storageArray || []; 920 | 921 | for (var i = this._childClusters.length - 1; i >= 0; i--) { 922 | this._childClusters[i].getAllChildMarkers(storageArray); 923 | } 924 | 925 | for (var j = this._markers.length - 1; j >= 0; j--) { 926 | storageArray.push(this._markers[j]); 927 | } 928 | 929 | return storageArray; 930 | }, 931 | 932 | //Returns the count of how many child markers we have 933 | getChildCount: function () { 934 | return this._childCount; 935 | }, 936 | 937 | //Zoom to the extents of this cluster 938 | zoomToBounds: function () { 939 | this._group._map.fitBounds(this._bounds); 940 | }, 941 | 942 | getBounds: function () { 943 | var bounds = new L.LatLngBounds(); 944 | bounds.extend(this._bounds); 945 | return bounds; 946 | }, 947 | 948 | _updateIcon: function () { 949 | this._iconNeedsUpdate = true; 950 | if (this._icon) { 951 | this.setIcon(this); 952 | } 953 | }, 954 | 955 | //Cludge for Icon, we pretend to be an icon for performance 956 | createIcon: function () { 957 | if (this._iconNeedsUpdate) { 958 | this._iconObj = this._group.options.iconCreateFunction(this); 959 | this._iconNeedsUpdate = false; 960 | } 961 | return this._iconObj.createIcon(); 962 | }, 963 | createShadow: function () { 964 | return this._iconObj.createShadow(); 965 | }, 966 | 967 | 968 | _addChild: function (new1, isNotificationFromChild) { 969 | 970 | this._iconNeedsUpdate = true; 971 | this._expandBounds(new1); 972 | 973 | if (new1 instanceof L.MarkerCluster) { 974 | if (!isNotificationFromChild) { 975 | this._childClusters.push(new1); 976 | new1.__parent = this; 977 | } 978 | this._childCount += new1._childCount; 979 | } else { 980 | if (!isNotificationFromChild) { 981 | this._markers.push(new1); 982 | } 983 | this._childCount++; 984 | } 985 | 986 | if (this.__parent) { 987 | this.__parent._addChild(new1, true); 988 | } 989 | }, 990 | 991 | //Expand our bounds and tell our parent to 992 | _expandBounds: function (marker) { 993 | var addedCount, 994 | addedLatLng = marker._wLatLng || marker._latlng; 995 | 996 | if (marker instanceof L.MarkerCluster) { 997 | this._bounds.extend(marker._bounds); 998 | addedCount = marker._childCount; 999 | } else { 1000 | this._bounds.extend(addedLatLng); 1001 | addedCount = 1; 1002 | } 1003 | 1004 | if (!this._cLatLng) { 1005 | // when clustering, take position of the first point as the cluster center 1006 | this._cLatLng = marker._cLatLng || addedLatLng; 1007 | } 1008 | 1009 | // when showing clusters, take weighted average of all points as cluster center 1010 | var totalCount = this._childCount + addedCount; 1011 | 1012 | //Calculate weighted latlng for display 1013 | if (!this._wLatLng) { 1014 | this._latlng = this._wLatLng = new L.LatLng(addedLatLng.lat, addedLatLng.lng); 1015 | } else { 1016 | this._wLatLng.lat = (addedLatLng.lat * addedCount + this._wLatLng.lat * this._childCount) / totalCount; 1017 | this._wLatLng.lng = (addedLatLng.lng * addedCount + this._wLatLng.lng * this._childCount) / totalCount; 1018 | } 1019 | }, 1020 | 1021 | //Set our markers position as given and add it to the map 1022 | _addToMap: function (startPos) { 1023 | if (startPos) { 1024 | this._backupLatlng = this._latlng; 1025 | this.setLatLng(startPos); 1026 | } 1027 | this._noHas = true; 1028 | L.FeatureGroup.prototype.addLayer.call(this._group, this); 1029 | delete this._noHas; 1030 | }, 1031 | 1032 | _recursivelyAnimateChildrenIn: function (bounds, center, maxZoom) { 1033 | this._recursively(bounds, 0, maxZoom - 1, 1034 | function (c) { 1035 | var markers = c._markers, 1036 | i, m; 1037 | for (i = markers.length - 1; i >= 0; i--) { 1038 | m = markers[i]; 1039 | 1040 | //Only do it if the icon is still on the map 1041 | if (m._icon) { 1042 | m._setPos(center); 1043 | m.setOpacity(0); 1044 | } 1045 | } 1046 | }, 1047 | function (c) { 1048 | var childClusters = c._childClusters, 1049 | j, cm; 1050 | for (j = childClusters.length - 1; j >= 0; j--) { 1051 | cm = childClusters[j]; 1052 | if (cm._icon) { 1053 | cm._setPos(center); 1054 | cm.setOpacity(0); 1055 | } 1056 | } 1057 | } 1058 | ); 1059 | }, 1060 | 1061 | _recursivelyAnimateChildrenInAndAddSelfToMap: function (bounds, previousZoomLevel, newZoomLevel) { 1062 | this._recursively(bounds, newZoomLevel, 0, 1063 | function (c) { 1064 | c._recursivelyAnimateChildrenIn(bounds, c._group._map.latLngToLayerPoint(c.getLatLng()).round(), previousZoomLevel); 1065 | 1066 | //TODO: depthToAnimateIn affects _isSingleParent, if there is a multizoom we may/may not be. 1067 | //As a hack we only do a animation free zoom on a single level zoom, if someone does multiple levels then we always animate 1068 | if (c._isSingleParent() && previousZoomLevel - 1 === newZoomLevel) { 1069 | c.setOpacity(1); 1070 | c._recursivelyRemoveChildrenFromMap(bounds, previousZoomLevel); //Immediately remove our children as we are replacing them. TODO previousBounds not bounds 1071 | } else { 1072 | c.setOpacity(0); 1073 | } 1074 | 1075 | c._addToMap(); 1076 | } 1077 | ); 1078 | }, 1079 | 1080 | _recursivelyBecomeVisible: function (bounds, zoomLevel) { 1081 | this._recursively(bounds, 0, zoomLevel, null, function (c) { 1082 | c.setOpacity(1); 1083 | }); 1084 | }, 1085 | 1086 | _recursivelyAddChildrenToMap: function (startPos, zoomLevel, bounds) { 1087 | this._recursively(bounds, -1, zoomLevel, 1088 | function (c) { 1089 | if (zoomLevel === c._zoom) { 1090 | return; 1091 | } 1092 | 1093 | //Add our child markers at startPos (so they can be animated out) 1094 | for (var i = c._markers.length - 1; i >= 0; i--) { 1095 | var nm = c._markers[i]; 1096 | 1097 | if (!bounds.contains(nm._latlng)) { 1098 | continue; 1099 | } 1100 | 1101 | if (startPos) { 1102 | nm._backupLatlng = nm.getLatLng(); 1103 | 1104 | nm.setLatLng(startPos); 1105 | nm.setOpacity(0); 1106 | } 1107 | 1108 | nm._noHas = true; 1109 | L.FeatureGroup.prototype.addLayer.call(c._group, nm); 1110 | delete nm._noHas; 1111 | } 1112 | }, 1113 | function (c) { 1114 | c._addToMap(startPos); 1115 | } 1116 | ); 1117 | }, 1118 | 1119 | _recursivelyRestoreChildPositions: function (zoomLevel) { 1120 | //Fix positions of child markers 1121 | for (var i = this._markers.length - 1; i >= 0; i--) { 1122 | var nm = this._markers[i]; 1123 | if (nm._backupLatlng) { 1124 | nm.setLatLng(nm._backupLatlng); 1125 | delete nm._backupLatlng; 1126 | } 1127 | } 1128 | 1129 | if (zoomLevel - 1 === this._zoom) { 1130 | //Reposition child clusters 1131 | for (var j = this._childClusters.length - 1; j >= 0; j--) { 1132 | this._childClusters[j]._restorePosition(); 1133 | } 1134 | } else { 1135 | for (var k = this._childClusters.length - 1; k >= 0; k--) { 1136 | this._childClusters[k]._recursivelyRestoreChildPositions(zoomLevel); 1137 | } 1138 | } 1139 | }, 1140 | 1141 | _restorePosition: function () { 1142 | if (this._backupLatlng) { 1143 | this.setLatLng(this._backupLatlng); 1144 | delete this._backupLatlng; 1145 | } 1146 | }, 1147 | 1148 | //exceptBounds: If set, don't remove any markers/clusters in it 1149 | _recursivelyRemoveChildrenFromMap: function (previousBounds, zoomLevel, exceptBounds) { 1150 | var m, i; 1151 | this._recursively(previousBounds, -1, zoomLevel - 1, 1152 | function (c) { 1153 | //Remove markers at every level 1154 | for (i = c._markers.length - 1; i >= 0; i--) { 1155 | m = c._markers[i]; 1156 | if (!exceptBounds || !exceptBounds.contains(m._latlng)) { 1157 | L.FeatureGroup.prototype.removeLayer.call(c._group, m); 1158 | m.setOpacity(1); 1159 | } 1160 | } 1161 | }, 1162 | function (c) { 1163 | //Remove child clusters at just the bottom level 1164 | for (i = c._childClusters.length - 1; i >= 0; i--) { 1165 | m = c._childClusters[i]; 1166 | if (!exceptBounds || !exceptBounds.contains(m._latlng)) { 1167 | if (!L.FeatureGroup.prototype.hasLayer || L.FeatureGroup.prototype.hasLayer.call(c._group, m)) { 1168 | L.FeatureGroup.prototype.removeLayer.call(c._group, m); 1169 | } 1170 | m.setOpacity(1); 1171 | } 1172 | } 1173 | } 1174 | ); 1175 | }, 1176 | 1177 | //Run the given functions recursively to this and child clusters 1178 | // boundsToApplyTo: a L.LatLngBounds representing the bounds of what clusters to recurse in to 1179 | // zoomLevelToStart: zoom level to start running functions (inclusive) 1180 | // zoomLevelToStop: zoom level to stop running functions (inclusive) 1181 | // runAtEveryLevel: function that takes an L.MarkerCluster as an argument that should be applied on every level 1182 | // runAtBottomLevel: function that takes an L.MarkerCluster as an argument that should be applied at only the bottom level 1183 | _recursively: function (boundsToApplyTo, zoomLevelToStart, zoomLevelToStop, runAtEveryLevel, runAtBottomLevel) { 1184 | var childClusters = this._childClusters, 1185 | zoom = this._zoom, 1186 | i, c; 1187 | 1188 | if (zoomLevelToStart > zoom) { //Still going down to required depth, just recurse to child clusters 1189 | for (i = childClusters.length - 1; i >= 0; i--) { 1190 | c = childClusters[i]; 1191 | if (boundsToApplyTo.intersects(c._bounds)) { 1192 | c._recursively(boundsToApplyTo, zoomLevelToStart, zoomLevelToStop, runAtEveryLevel, runAtBottomLevel); 1193 | } 1194 | } 1195 | } else { //In required depth 1196 | 1197 | if (runAtEveryLevel) { 1198 | runAtEveryLevel(this); 1199 | } 1200 | if (runAtBottomLevel && this._zoom === zoomLevelToStop) { 1201 | runAtBottomLevel(this); 1202 | } 1203 | 1204 | //TODO: This loop is almost the same as above 1205 | if (zoomLevelToStop > zoom) { 1206 | for (i = childClusters.length - 1; i >= 0; i--) { 1207 | c = childClusters[i]; 1208 | if (boundsToApplyTo.intersects(c._bounds)) { 1209 | c._recursively(boundsToApplyTo, zoomLevelToStart, zoomLevelToStop, runAtEveryLevel, runAtBottomLevel); 1210 | } 1211 | } 1212 | } 1213 | } 1214 | }, 1215 | 1216 | _recalculateBounds: function () { 1217 | var markers = this._markers, 1218 | childClusters = this._childClusters, 1219 | i; 1220 | 1221 | this._bounds = new L.LatLngBounds(); 1222 | delete this._wLatLng; 1223 | 1224 | for (i = markers.length - 1; i >= 0; i--) { 1225 | this._expandBounds(markers[i]); 1226 | } 1227 | for (i = childClusters.length - 1; i >= 0; i--) { 1228 | this._expandBounds(childClusters[i]); 1229 | } 1230 | }, 1231 | 1232 | 1233 | //Returns true if we are the parent of only one cluster and that cluster is the same as us 1234 | _isSingleParent: function () { 1235 | //Don't need to check this._markers as the rest won't work if there are any 1236 | return this._childClusters.length > 0 && this._childClusters[0]._childCount === this._childCount; 1237 | } 1238 | }); 1239 | 1240 | 1241 | 1242 | L.DistanceGrid = function (cellSize) { 1243 | this._cellSize = cellSize; 1244 | this._sqCellSize = cellSize * cellSize; 1245 | this._grid = {}; 1246 | this._objectPoint = { }; 1247 | }; 1248 | 1249 | L.DistanceGrid.prototype = { 1250 | 1251 | addObject: function (obj, point) { 1252 | var x = this._getCoord(point.x), 1253 | y = this._getCoord(point.y), 1254 | grid = this._grid, 1255 | row = grid[y] = grid[y] || {}, 1256 | cell = row[x] = row[x] || [], 1257 | stamp = L.Util.stamp(obj); 1258 | 1259 | this._objectPoint[stamp] = point; 1260 | 1261 | cell.push(obj); 1262 | }, 1263 | 1264 | updateObject: function (obj, point) { 1265 | this.removeObject(obj); 1266 | this.addObject(obj, point); 1267 | }, 1268 | 1269 | //Returns true if the object was found 1270 | removeObject: function (obj, point) { 1271 | var x = this._getCoord(point.x), 1272 | y = this._getCoord(point.y), 1273 | grid = this._grid, 1274 | row = grid[y] = grid[y] || {}, 1275 | cell = row[x] = row[x] || [], 1276 | i, len; 1277 | 1278 | delete this._objectPoint[L.Util.stamp(obj)]; 1279 | 1280 | for (i = 0, len = cell.length; i < len; i++) { 1281 | if (cell[i] === obj) { 1282 | 1283 | cell.splice(i, 1); 1284 | 1285 | if (len === 1) { 1286 | delete row[x]; 1287 | } 1288 | 1289 | return true; 1290 | } 1291 | } 1292 | 1293 | }, 1294 | 1295 | eachObject: function (fn, context) { 1296 | var i, j, k, len, row, cell, removed, 1297 | grid = this._grid; 1298 | 1299 | for (i in grid) { 1300 | row = grid[i]; 1301 | 1302 | for (j in row) { 1303 | cell = row[j]; 1304 | 1305 | for (k = 0, len = cell.length; k < len; k++) { 1306 | removed = fn.call(context, cell[k]); 1307 | if (removed) { 1308 | k--; 1309 | len--; 1310 | } 1311 | } 1312 | } 1313 | } 1314 | }, 1315 | 1316 | getNearObject: function (point) { 1317 | var x = this._getCoord(point.x), 1318 | y = this._getCoord(point.y), 1319 | i, j, k, row, cell, len, obj, dist, 1320 | objectPoint = this._objectPoint, 1321 | closestDistSq = this._sqCellSize, 1322 | closest = null; 1323 | 1324 | for (i = y - 1; i <= y + 1; i++) { 1325 | row = this._grid[i]; 1326 | if (row) { 1327 | 1328 | for (j = x - 1; j <= x + 1; j++) { 1329 | cell = row[j]; 1330 | if (cell) { 1331 | 1332 | for (k = 0, len = cell.length; k < len; k++) { 1333 | obj = cell[k]; 1334 | dist = this._sqDist(objectPoint[L.Util.stamp(obj)], point); 1335 | if (dist < closestDistSq) { 1336 | closestDistSq = dist; 1337 | closest = obj; 1338 | } 1339 | } 1340 | } 1341 | } 1342 | } 1343 | } 1344 | return closest; 1345 | }, 1346 | 1347 | _getCoord: function (x) { 1348 | return Math.floor(x / this._cellSize); 1349 | }, 1350 | 1351 | _sqDist: function (p, p2) { 1352 | var dx = p2.x - p.x, 1353 | dy = p2.y - p.y; 1354 | return dx * dx + dy * dy; 1355 | } 1356 | }; 1357 | 1358 | 1359 | /* Copyright (c) 2012 the authors listed at the following URL, and/or 1360 | the authors of referenced articles or incorporated external code: 1361 | http://en.literateprograms.org/Quickhull_(Javascript)?action=history&offset=20120410175256 1362 | 1363 | Permission is hereby granted, free of charge, to any person obtaining 1364 | a copy of this software and associated documentation files (the 1365 | "Software"), to deal in the Software without restriction, including 1366 | without limitation the rights to use, copy, modify, merge, publish, 1367 | distribute, sublicense, and/or sell copies of the Software, and to 1368 | permit persons to whom the Software is furnished to do so, subject to 1369 | the following conditions: 1370 | 1371 | The above copyright notice and this permission notice shall be 1372 | included in all copies or substantial portions of the Software. 1373 | 1374 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 1375 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 1376 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 1377 | IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY 1378 | CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, 1379 | TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 1380 | SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 1381 | 1382 | Retrieved from: http://en.literateprograms.org/Quickhull_(Javascript)?oldid=18434 1383 | */ 1384 | 1385 | (function () { 1386 | L.QuickHull = { 1387 | getDistant: function (cpt, bl) { 1388 | var vY = bl[1].lat - bl[0].lat, 1389 | vX = bl[0].lng - bl[1].lng; 1390 | return (vX * (cpt.lat - bl[0].lat) + vY * (cpt.lng - bl[0].lng)); 1391 | }, 1392 | 1393 | 1394 | findMostDistantPointFromBaseLine: function (baseLine, latLngs) { 1395 | var maxD = 0, 1396 | maxPt = null, 1397 | newPoints = [], 1398 | i, pt, d; 1399 | 1400 | for (i = latLngs.length - 1; i >= 0; i--) { 1401 | pt = latLngs[i]; 1402 | d = this.getDistant(pt, baseLine); 1403 | 1404 | if (d > 0) { 1405 | newPoints.push(pt); 1406 | } else { 1407 | continue; 1408 | } 1409 | 1410 | if (d > maxD) { 1411 | maxD = d; 1412 | maxPt = pt; 1413 | } 1414 | 1415 | } 1416 | return { 'maxPoint': maxPt, 'newPoints': newPoints }; 1417 | }, 1418 | 1419 | buildConvexHull: function (baseLine, latLngs) { 1420 | var convexHullBaseLines = [], 1421 | t = this.findMostDistantPointFromBaseLine(baseLine, latLngs); 1422 | 1423 | if (t.maxPoint) { // if there is still a point "outside" the base line 1424 | convexHullBaseLines = 1425 | convexHullBaseLines.concat( 1426 | this.buildConvexHull([baseLine[0], t.maxPoint], t.newPoints) 1427 | ); 1428 | convexHullBaseLines = 1429 | convexHullBaseLines.concat( 1430 | this.buildConvexHull([t.maxPoint, baseLine[1]], t.newPoints) 1431 | ); 1432 | return convexHullBaseLines; 1433 | } else { // if there is no more point "outside" the base line, the current base line is part of the convex hull 1434 | return [baseLine]; 1435 | } 1436 | }, 1437 | 1438 | getConvexHull: function (latLngs) { 1439 | //find first baseline 1440 | var maxLat = false, minLat = false, 1441 | maxPt = null, minPt = null, 1442 | i; 1443 | 1444 | for (i = latLngs.length - 1; i >= 0; i--) { 1445 | var pt = latLngs[i]; 1446 | if (maxLat === false || pt.lat > maxLat) { 1447 | maxPt = pt; 1448 | maxLat = pt.lat; 1449 | } 1450 | if (minLat === false || pt.lat < minLat) { 1451 | minPt = pt; 1452 | minLat = pt.lat; 1453 | } 1454 | } 1455 | var ch = [].concat(this.buildConvexHull([minPt, maxPt], latLngs), 1456 | this.buildConvexHull([maxPt, minPt], latLngs)); 1457 | return ch; 1458 | } 1459 | }; 1460 | }()); 1461 | 1462 | L.MarkerCluster.include({ 1463 | getConvexHull: function () { 1464 | var childMarkers = this.getAllChildMarkers(), 1465 | points = [], 1466 | hullLatLng = [], 1467 | hull, p, i; 1468 | 1469 | for (i = childMarkers.length - 1; i >= 0; i--) { 1470 | p = childMarkers[i].getLatLng(); 1471 | points.push(p); 1472 | } 1473 | 1474 | hull = L.QuickHull.getConvexHull(points); 1475 | 1476 | for (i = hull.length - 1; i >= 0; i--) { 1477 | hullLatLng.push(hull[i][0]); 1478 | } 1479 | 1480 | return hullLatLng; 1481 | } 1482 | }); 1483 | 1484 | //This code is 100% based on https://github.com/jawj/OverlappingMarkerSpiderfier-Leaflet 1485 | //Huge thanks to jawj for implementing it first to make my job easy :-) 1486 | 1487 | L.MarkerCluster.include({ 1488 | 1489 | _2PI: Math.PI * 2, 1490 | _circleFootSeparation: 25, //related to circumference of circle 1491 | _circleStartAngle: Math.PI / 6, 1492 | 1493 | _spiralFootSeparation: 28, //related to size of spiral (experiment!) 1494 | _spiralLengthStart: 11, 1495 | _spiralLengthFactor: 5, 1496 | 1497 | _circleSpiralSwitchover: 9, //show spiral instead of circle from this marker count upwards. 1498 | // 0 -> always spiral; Infinity -> always circle 1499 | 1500 | spiderfy: function () { 1501 | if (this._group._spiderfied === this || this._group._inZoomAnimation) { 1502 | return; 1503 | } 1504 | 1505 | var childMarkers = this.getAllChildMarkers(), 1506 | group = this._group, 1507 | map = group._map, 1508 | center = map.latLngToLayerPoint(this._latlng), 1509 | positions; 1510 | 1511 | this._group._unspiderfy(); 1512 | this._group._spiderfied = this; 1513 | 1514 | //TODO Maybe: childMarkers order by distance to center 1515 | 1516 | if (childMarkers.length >= this._circleSpiralSwitchover) { 1517 | positions = this._generatePointsSpiral(childMarkers.length, center); 1518 | } else { 1519 | center.y += 10; //Otherwise circles look wrong 1520 | positions = this._generatePointsCircle(childMarkers.length, center); 1521 | } 1522 | 1523 | this._animationSpiderfy(childMarkers, positions); 1524 | }, 1525 | 1526 | unspiderfy: function (zoomDetails) { 1527 | /// Argument from zoomanim if being called in a zoom animation or null otherwise 1528 | if (this._group._inZoomAnimation) { 1529 | return; 1530 | } 1531 | this._animationUnspiderfy(zoomDetails); 1532 | 1533 | this._group._spiderfied = null; 1534 | }, 1535 | 1536 | _generatePointsCircle: function (count, centerPt) { 1537 | var circumference = this._group.options.spiderfyDistanceMultiplier * this._circleFootSeparation * (2 + count), 1538 | legLength = circumference / this._2PI, //radius from circumference 1539 | angleStep = this._2PI / count, 1540 | res = [], 1541 | i, angle; 1542 | 1543 | res.length = count; 1544 | 1545 | for (i = count - 1; i >= 0; i--) { 1546 | angle = this._circleStartAngle + i * angleStep; 1547 | res[i] = new L.Point(centerPt.x + legLength * Math.cos(angle), centerPt.y + legLength * Math.sin(angle))._round(); 1548 | } 1549 | 1550 | return res; 1551 | }, 1552 | 1553 | _generatePointsSpiral: function (count, centerPt) { 1554 | var legLength = this._group.options.spiderfyDistanceMultiplier * this._spiralLengthStart, 1555 | separation = this._group.options.spiderfyDistanceMultiplier * this._spiralFootSeparation, 1556 | lengthFactor = this._group.options.spiderfyDistanceMultiplier * this._spiralLengthFactor, 1557 | angle = 0, 1558 | res = [], 1559 | i; 1560 | 1561 | res.length = count; 1562 | 1563 | for (i = count - 1; i >= 0; i--) { 1564 | angle += separation / legLength + i * 0.0005; 1565 | res[i] = new L.Point(centerPt.x + legLength * Math.cos(angle), centerPt.y + legLength * Math.sin(angle))._round(); 1566 | legLength += this._2PI * lengthFactor / angle; 1567 | } 1568 | return res; 1569 | }, 1570 | 1571 | _noanimationUnspiderfy: function () { 1572 | var group = this._group, 1573 | map = group._map, 1574 | childMarkers = this.getAllChildMarkers(), 1575 | m, i; 1576 | 1577 | this.setOpacity(1); 1578 | for (i = childMarkers.length - 1; i >= 0; i--) { 1579 | m = childMarkers[i]; 1580 | 1581 | L.FeatureGroup.prototype.removeLayer.call(group, m); 1582 | 1583 | if (m._preSpiderfyLatlng) { 1584 | m.setLatLng(m._preSpiderfyLatlng); 1585 | delete m._preSpiderfyLatlng; 1586 | } 1587 | m.setZIndexOffset(0); 1588 | 1589 | if (m._spiderLeg) { 1590 | map.removeLayer(m._spiderLeg); 1591 | delete m._spiderLeg; 1592 | } 1593 | } 1594 | } 1595 | }); 1596 | 1597 | L.MarkerCluster.include(!L.DomUtil.TRANSITION ? { 1598 | //Non Animated versions of everything 1599 | _animationSpiderfy: function (childMarkers, positions) { 1600 | var group = this._group, 1601 | map = group._map, 1602 | i, m, leg, newPos; 1603 | 1604 | for (i = childMarkers.length - 1; i >= 0; i--) { 1605 | newPos = map.layerPointToLatLng(positions[i]); 1606 | m = childMarkers[i]; 1607 | 1608 | m._preSpiderfyLatlng = m._latlng; 1609 | m.setLatLng(newPos); 1610 | m.setZIndexOffset(1000000); //Make these appear on top of EVERYTHING 1611 | 1612 | L.FeatureGroup.prototype.addLayer.call(group, m); 1613 | 1614 | 1615 | leg = new L.Polyline([this._latlng, newPos], { weight: 1.5, color: '#222' }); 1616 | map.addLayer(leg); 1617 | m._spiderLeg = leg; 1618 | } 1619 | this.setOpacity(0.3); 1620 | group.fire('spiderfied'); 1621 | }, 1622 | 1623 | _animationUnspiderfy: function () { 1624 | this._noanimationUnspiderfy(); 1625 | } 1626 | } : { 1627 | //Animated versions here 1628 | SVG_ANIMATION: (function () { 1629 | return document.createElementNS('http://www.w3.org/2000/svg', 'animate').toString().indexOf('SVGAnimate') > -1; 1630 | }()), 1631 | 1632 | _animationSpiderfy: function (childMarkers, positions) { 1633 | var me = this, 1634 | group = this._group, 1635 | map = group._map, 1636 | thisLayerPos = map.latLngToLayerPoint(this._latlng), 1637 | i, m, leg, newPos; 1638 | 1639 | //Add markers to map hidden at our center point 1640 | for (i = childMarkers.length - 1; i >= 0; i--) { 1641 | m = childMarkers[i]; 1642 | 1643 | m.setZIndexOffset(1000000); //Make these appear on top of EVERYTHING 1644 | m.setOpacity(0); 1645 | 1646 | m._noHas = true; 1647 | L.FeatureGroup.prototype.addLayer.call(group, m); 1648 | delete m._noHas; 1649 | 1650 | m._setPos(thisLayerPos); 1651 | } 1652 | 1653 | group._forceLayout(); 1654 | group._animationStart(); 1655 | 1656 | var initialLegOpacity = L.Path.SVG ? 0 : 0.3, 1657 | xmlns = L.Path.SVG_NS; 1658 | 1659 | 1660 | for (i = childMarkers.length - 1; i >= 0; i--) { 1661 | newPos = map.layerPointToLatLng(positions[i]); 1662 | m = childMarkers[i]; 1663 | 1664 | //Move marker to new position 1665 | m._preSpiderfyLatlng = m._latlng; 1666 | m.setLatLng(newPos); 1667 | m.setOpacity(1); 1668 | 1669 | 1670 | //Add Legs. 1671 | leg = new L.Polyline([me._latlng, newPos], { weight: 1.5, color: '#222', opacity: initialLegOpacity }); 1672 | map.addLayer(leg); 1673 | m._spiderLeg = leg; 1674 | 1675 | //Following animations don't work for canvas 1676 | if (!L.Path.SVG || !this.SVG_ANIMATION) { 1677 | continue; 1678 | } 1679 | 1680 | //How this works: 1681 | //http://stackoverflow.com/questions/5924238/how-do-you-animate-an-svg-path-in-ios 1682 | //http://dev.opera.com/articles/view/advanced-svg-animation-techniques/ 1683 | 1684 | //Animate length 1685 | var length = leg._path.getTotalLength(); 1686 | leg._path.setAttribute("stroke-dasharray", length + "," + length); 1687 | 1688 | var anim = document.createElementNS(xmlns, "animate"); 1689 | anim.setAttribute("attributeName", "stroke-dashoffset"); 1690 | anim.setAttribute("begin", "indefinite"); 1691 | anim.setAttribute("from", length); 1692 | anim.setAttribute("to", 0); 1693 | anim.setAttribute("dur", 0.25); 1694 | leg._path.appendChild(anim); 1695 | anim.beginElement(); 1696 | 1697 | //Animate opacity 1698 | anim = document.createElementNS(xmlns, "animate"); 1699 | anim.setAttribute("attributeName", "stroke-opacity"); 1700 | anim.setAttribute("attributeName", "stroke-opacity"); 1701 | anim.setAttribute("begin", "indefinite"); 1702 | anim.setAttribute("from", 0); 1703 | anim.setAttribute("to", 0.5); 1704 | anim.setAttribute("dur", 0.25); 1705 | leg._path.appendChild(anim); 1706 | anim.beginElement(); 1707 | } 1708 | me.setOpacity(0.3); 1709 | 1710 | //Set the opacity of the spiderLegs back to their correct value 1711 | // The animations above override this until they complete. 1712 | // If the initial opacity of the spiderlegs isn't 0 then they appear before the animation starts. 1713 | if (L.Path.SVG) { 1714 | this._group._forceLayout(); 1715 | 1716 | for (i = childMarkers.length - 1; i >= 0; i--) { 1717 | m = childMarkers[i]._spiderLeg; 1718 | 1719 | m.options.opacity = 0.5; 1720 | m._path.setAttribute('stroke-opacity', 0.5); 1721 | } 1722 | } 1723 | 1724 | setTimeout(function () { 1725 | group._animationEnd(); 1726 | group.fire('spiderfied'); 1727 | }, 200); 1728 | }, 1729 | 1730 | _animationUnspiderfy: function (zoomDetails) { 1731 | var group = this._group, 1732 | map = group._map, 1733 | thisLayerPos = zoomDetails ? map._latLngToNewLayerPoint(this._latlng, zoomDetails.zoom, zoomDetails.center) : map.latLngToLayerPoint(this._latlng), 1734 | childMarkers = this.getAllChildMarkers(), 1735 | svg = L.Path.SVG && this.SVG_ANIMATION, 1736 | m, i, a; 1737 | 1738 | group._animationStart(); 1739 | 1740 | //Make us visible and bring the child markers back in 1741 | this.setOpacity(1); 1742 | for (i = childMarkers.length - 1; i >= 0; i--) { 1743 | m = childMarkers[i]; 1744 | 1745 | //Marker was added to us after we were spidified 1746 | if (!m._preSpiderfyLatlng) { 1747 | continue; 1748 | } 1749 | 1750 | //Fix up the location to the real one 1751 | m.setLatLng(m._preSpiderfyLatlng); 1752 | delete m._preSpiderfyLatlng; 1753 | //Hack override the location to be our center 1754 | m._setPos(thisLayerPos); 1755 | 1756 | m.setOpacity(0); 1757 | 1758 | //Animate the spider legs back in 1759 | if (svg) { 1760 | a = m._spiderLeg._path.childNodes[0]; 1761 | a.setAttribute('to', a.getAttribute('from')); 1762 | a.setAttribute('from', 0); 1763 | a.beginElement(); 1764 | 1765 | a = m._spiderLeg._path.childNodes[1]; 1766 | a.setAttribute('from', 0.5); 1767 | a.setAttribute('to', 0); 1768 | a.setAttribute('stroke-opacity', 0); 1769 | a.beginElement(); 1770 | 1771 | m._spiderLeg._path.setAttribute('stroke-opacity', 0); 1772 | } 1773 | } 1774 | 1775 | setTimeout(function () { 1776 | //If we have only <= one child left then that marker will be shown on the map so don't remove it! 1777 | var stillThereChildCount = 0; 1778 | for (i = childMarkers.length - 1; i >= 0; i--) { 1779 | m = childMarkers[i]; 1780 | if (m._spiderLeg) { 1781 | stillThereChildCount++; 1782 | } 1783 | } 1784 | 1785 | 1786 | for (i = childMarkers.length - 1; i >= 0; i--) { 1787 | m = childMarkers[i]; 1788 | 1789 | if (!m._spiderLeg) { //Has already been unspiderfied 1790 | continue; 1791 | } 1792 | 1793 | 1794 | m.setOpacity(1); 1795 | m.setZIndexOffset(0); 1796 | 1797 | if (stillThereChildCount > 1) { 1798 | L.FeatureGroup.prototype.removeLayer.call(group, m); 1799 | } 1800 | 1801 | map.removeLayer(m._spiderLeg); 1802 | delete m._spiderLeg; 1803 | } 1804 | group._animationEnd(); 1805 | }, 200); 1806 | } 1807 | }); 1808 | 1809 | 1810 | L.MarkerClusterGroup.include({ 1811 | //The MarkerCluster currently spiderfied (if any) 1812 | _spiderfied: null, 1813 | 1814 | _spiderfierOnAdd: function () { 1815 | this._map.on('click', this._unspiderfyWrapper, this); 1816 | 1817 | if (this._map.options.zoomAnimation) { 1818 | this._map.on('zoomstart', this._unspiderfyZoomStart, this); 1819 | } else { 1820 | //Browsers without zoomAnimation don't fire zoomstart 1821 | this._map.on('zoomend', this._unspiderfyWrapper, this); 1822 | } 1823 | 1824 | if (L.Path.SVG && !L.Browser.touch) { 1825 | this._map._initPathRoot(); 1826 | //Needs to happen in the pageload, not after, or animations don't work in webkit 1827 | // http://stackoverflow.com/questions/8455200/svg-animate-with-dynamically-added-elements 1828 | //Disable on touch browsers as the animation messes up on a touch zoom and isn't very noticable 1829 | } 1830 | }, 1831 | 1832 | _spiderfierOnRemove: function () { 1833 | this._map.off('click', this._unspiderfyWrapper, this); 1834 | this._map.off('zoomstart', this._unspiderfyZoomStart, this); 1835 | this._map.off('zoomanim', this._unspiderfyZoomAnim, this); 1836 | 1837 | this._unspiderfy(); //Ensure that markers are back where they should be 1838 | }, 1839 | 1840 | 1841 | //On zoom start we add a zoomanim handler so that we are guaranteed to be last (after markers are animated) 1842 | //This means we can define the animation they do rather than Markers doing an animation to their actual location 1843 | _unspiderfyZoomStart: function () { 1844 | if (!this._map) { //May have been removed from the map by a zoomEnd handler 1845 | return; 1846 | } 1847 | 1848 | this._map.on('zoomanim', this._unspiderfyZoomAnim, this); 1849 | }, 1850 | _unspiderfyZoomAnim: function (zoomDetails) { 1851 | //Wait until the first zoomanim after the user has finished touch-zooming before running the animation 1852 | if (L.DomUtil.hasClass(this._map._mapPane, 'leaflet-touching')) { 1853 | return; 1854 | } 1855 | 1856 | this._map.off('zoomanim', this._unspiderfyZoomAnim, this); 1857 | this._unspiderfy(zoomDetails); 1858 | }, 1859 | 1860 | 1861 | _unspiderfyWrapper: function () { 1862 | ///

_unspiderfy but passes no arguments

1863 | this._unspiderfy(); 1864 | }, 1865 | 1866 | _unspiderfy: function (zoomDetails) { 1867 | if (this._spiderfied) { 1868 | this._spiderfied.unspiderfy(zoomDetails); 1869 | } 1870 | }, 1871 | 1872 | _noanimationUnspiderfy: function () { 1873 | if (this._spiderfied) { 1874 | this._spiderfied._noanimationUnspiderfy(); 1875 | } 1876 | }, 1877 | 1878 | //If the given layer is currently being spiderfied then we unspiderfy it so it isn't on the map anymore etc 1879 | _unspiderfyLayer: function (layer) { 1880 | if (layer._spiderLeg) { 1881 | L.FeatureGroup.prototype.removeLayer.call(this, layer); 1882 | 1883 | layer.setOpacity(1); 1884 | //Position will be fixed up immediately in _animationUnspiderfy 1885 | layer.setZIndexOffset(0); 1886 | 1887 | this._map.removeLayer(layer._spiderLeg); 1888 | delete layer._spiderLeg; 1889 | } 1890 | } 1891 | }); 1892 | 1893 | 1894 | 1895 | 1896 | }(this)); -------------------------------------------------------------------------------- /js/leaflet.markercluster.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2012, Smartrak, David Leaver 3 | Leaflet.markercluster is an open-source JavaScript library for Marker Clustering on leaflet powered maps. 4 | https://github.com/danzel/Leaflet.markercluster 5 | */ 6 | (function(){L.MarkerClusterGroup=L.FeatureGroup.extend({options:{maxClusterRadius:80,iconCreateFunction:null,spiderfyOnMaxZoom:!0,showCoverageOnHover:!0,zoomToBoundsOnClick:!0,singleMarkerMode:!1,disableClusteringAtZoom:null,removeOutsideVisibleBounds:!0,animateAddingMarkers:!1,spiderfyDistanceMultiplier:1,polygonOptions:{}},initialize:function(t){L.Util.setOptions(this,t),this.options.iconCreateFunction||(this.options.iconCreateFunction=this._defaultIconCreateFunction),L.FeatureGroup.prototype.initialize.call(this,[]),this._inZoomAnimation=0,this._needsClustering=[],this._currentShownBounds=null},addLayer:function(t){if(t instanceof L.LayerGroup){var e=[];for(var i in t._layers)e.push(t._layers[i]);return this.addLayers(e)}if(!this._map)return this._needsClustering.push(t),this;if(this.hasLayer(t))return this;this._unspiderfy&&this._unspiderfy(),this._addLayer(t,this._maxZoom);var n=t,r=this._map.getZoom();if(t.__parent)for(;n.__parent._zoom>=r;)n=n.__parent;return this._currentShownBounds.contains(n.getLatLng())&&(this.options.animateAddingMarkers?this._animationAddLayer(t,n):this._animationAddLayerNonAnimated(t,n)),this},removeLayer:function(t){return this._map?t.__parent?(this._unspiderfy&&(this._unspiderfy(),this._unspiderfyLayer(t)),this._removeLayer(t,!0),t._icon&&(L.FeatureGroup.prototype.removeLayer.call(this,t),t.setOpacity(1)),this):this:(this._arraySplice(this._needsClustering,t),this)},addLayers:function(t){var e,i,n;if(!this._map)return this._needsClustering=this._needsClustering.concat(t),this;for(e=0,i=t.length;i>e;e++)if(n=t[e],!this.hasLayer(n)&&(this._addLayer(n,this._maxZoom),n.__parent&&2===n.__parent.getChildCount())){var r=n.__parent.getAllChildMarkers(),s=r[0]===n?r[1]:r[0];L.FeatureGroup.prototype.removeLayer.call(this,s)}for(e in this._layers)n=this._layers[e],n instanceof L.MarkerCluster&&n._iconNeedsUpdate&&n._updateIcon();return this._topClusterLevel._recursivelyAddChildrenToMap(null,this._zoom,this._currentShownBounds),this},removeLayers:function(t){var e,i,n;if(!this._map){for(e=0,i=t.length;i>e;e++)this._arraySplice(this._needsClustering,t[e]);return this}for(e=0,i=t.length;i>e;e++)n=t[e],n.__parent&&(this._removeLayer(n,!0,!0),n._icon&&(L.FeatureGroup.prototype.removeLayer.call(this,n),n.setOpacity(1)));this._topClusterLevel._recursivelyAddChildrenToMap(null,this._zoom,this._currentShownBounds);for(e in this._layers)n=this._layers[e],n instanceof L.MarkerCluster&&n._updateIcon();return this},clearLayers:function(){this._map||(this._needsClustering=[],delete this._gridClusters,delete this._gridUnclustered),this._noanimationUnspiderfy&&this._noanimationUnspiderfy();for(var t in this._layers)L.FeatureGroup.prototype.removeLayer.call(this,this._layers[t]);return this.eachLayer(function(t){delete t.__parent}),this._map&&this._generateInitialClusters(),this},getBounds:function(){var t=new L.LatLngBounds;if(this._topClusterLevel)t.extend(this._topClusterLevel._bounds);else for(var e=this._needsClustering.length-1;e>=0;e--)t.extend(this._needsClustering[e].getLatLng());return t},eachLayer:function(t,e){var i,n=this._needsClustering.slice();for(this._topClusterLevel&&this._topClusterLevel.getAllChildMarkers(n),i=n.length-1;i>=0;i--)t.call(e,n[i])},hasLayer:function(t){if(t._noHas)return!1;if(this._needsClustering.length>0)for(var e=this._needsClustering,i=e.length-1;i>=0;i--)if(e[i]===t)return!0;return!(!t.__parent||t.__parent._group!==this)},zoomToShowLayer:function(t,e){var i=function(){if((t._icon||t.__parent._icon)&&!this._inZoomAnimation)if(this._map.off("moveend",i,this),this.off("animationend",i,this),t._icon)e();else if(t.__parent._icon){var n=function(){this.off("spiderfied",n,this),e()};this.on("spiderfied",n,this),t.__parent.spiderfy()}};t._icon?e():t.__parent._zoome;e++){var n=this._needsClustering[e];n.__parent||this._addLayer(n,this._maxZoom)}this._needsClustering=[],this._map.on("zoomend",this._zoomEnd,this),this._map.on("moveend",this._moveEnd,this),this._spiderfierOnAdd&&this._spiderfierOnAdd(),this._bindEvents(),this._zoom=this._map.getZoom(),this._currentShownBounds=this._getExpandedVisibleBounds(),this._topClusterLevel._recursivelyAddChildrenToMap(null,this._zoom,this._currentShownBounds)},onRemove:function(t){t.off("zoomend",this._zoomEnd,this),t.off("moveend",this._moveEnd,this),this._unbindEvents(),this._map._mapPane.className=this._map._mapPane.className.replace(" leaflet-cluster-anim",""),this._spiderfierOnRemove&&this._spiderfierOnRemove();for(var e in this._layers)L.FeatureGroup.prototype.removeLayer.call(this,this._layers[e]);this._map=null},_arraySplice:function(t,e){for(var i=t.length-1;i>=0;i--)if(t[i]===e)return t.splice(i,1),void 0},_removeLayer:function(t,e,i){var n=this._gridClusters,r=this._gridUnclustered,s=this._map;if(e)for(var o=this._maxZoom;o>=0&&r[o].removeObject(t,s.project(t.getLatLng(),o));o--);var a,l=t.__parent,_=l._markers;for(this._arraySplice(_,t);l&&(l._childCount--,!(0>l._zoom));)e&&1>=l._childCount?(a=l._markers[0]===t?l._markers[1]:l._markers[0],n[l._zoom].removeObject(l,s.project(l._cLatLng,l._zoom)),r[l._zoom].addObject(a,s.project(a.getLatLng(),l._zoom)),this._arraySplice(l.__parent._childClusters,l),l.__parent._markers.push(a),a.__parent=l.__parent,l._icon&&(L.FeatureGroup.prototype.removeLayer.call(this,l),i||L.FeatureGroup.prototype.addLayer.call(this,a))):(l._recalculateBounds(),i&&l._icon||l._updateIcon()),l=l.__parent;delete t.__parent},_propagateEvent:function(t){t.target instanceof L.MarkerCluster&&(t.type="cluster"+t.type),L.FeatureGroup.prototype._propagateEvent.call(this,t)},_defaultIconCreateFunction:function(t){var e=t.getChildCount(),i=" marker-cluster-";return i+=10>e?"small":100>e?"medium":"large",new L.DivIcon({html:"

"+e+"

",className:"marker-cluster"+i,iconSize:new L.Point(40,40)})},_bindEvents:function(){var t=null,e=this._map,i=this.options.spiderfyOnMaxZoom,n=this.options.showCoverageOnHover,r=this.options.zoomToBoundsOnClick;(i||r)&&this.on("clusterclick",function(t){e.getMaxZoom()===e.getZoom()?i&&t.layer.spiderfy():r&&t.layer.zoomToBounds()},this),n&&(this.on("clustermouseover",function(i){this._inZoomAnimation||(t&&e.removeLayer(t),i.layer.getChildCount()>2&&i.layer!==this._spiderfied&&(t=new L.Polygon(i.layer.getConvexHull(),this.options.polygonOptions),e.addLayer(t)))},this),this.on("clustermouseout",function(){t&&(e.removeLayer(t),t=null)},this),e.on("zoomend",function(){t&&(e.removeLayer(t),t=null)},this),e.on("layerremove",function(i){t&&i.layer===this&&(e.removeLayer(t),t=null)},this))},_unbindEvents:function(){var t=this.options.spiderfyOnMaxZoom,e=this.options.showCoverageOnHover,i=this.options.zoomToBoundsOnClick,n=this._map;(t||i)&&this.off("clusterclick",null,this),e&&(this.off("clustermouseover",null,this),this.off("clustermouseout",null,this),n.off("zoomend",null,this),n.off("layerremove",null,this))},_zoomEnd:function(){this._map&&(this._mergeSplitClusters(),this._zoom=this._map._zoom,this._currentShownBounds=this._getExpandedVisibleBounds())},_moveEnd:function(){if(!this._inZoomAnimation){var t=this._getExpandedVisibleBounds();this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds,this._zoom,t),this._topClusterLevel._recursivelyAddChildrenToMap(null,this._zoom,t),this._currentShownBounds=t}},_generateInitialClusters:function(){var t=this._map.getMaxZoom(),e=this.options.maxClusterRadius;this.options.disableClusteringAtZoom&&(t=this.options.disableClusteringAtZoom-1),this._maxZoom=t,this._gridClusters={},this._gridUnclustered={};for(var i=t;i>=0;i--)this._gridClusters[i]=new L.DistanceGrid(e),this._gridUnclustered[i]=new L.DistanceGrid(e);this._topClusterLevel=new L.MarkerCluster(this,-1)},_addLayer:function(t,e){var i,n,r=this._gridClusters,s=this._gridUnclustered;for(this.options.singleMarkerMode&&(t.options.icon=this.options.iconCreateFunction({getChildCount:function(){return 1},getAllChildMarkers:function(){return[t]}}));e>=0;e--){i=this._map.project(t.getLatLng(),e);var o=r[e].getNearObject(i);if(o)return o._addChild(t),t.__parent=o,void 0;if(o=s[e].getNearObject(i)){var a=o.__parent;a&&this._removeLayer(o,!1);var l=new L.MarkerCluster(this,e,o,t);r[e].addObject(l,this._map.project(l._cLatLng,e)),o.__parent=l,t.__parent=l;var _=l;for(n=e-1;n>a._zoom;n--)_=new L.MarkerCluster(this,n,_),r[n].addObject(_,this._map.project(o.getLatLng(),n));for(a._addChild(_),n=e;n>=0&&s[n].removeObject(o,this._map.project(o.getLatLng(),n));n--);return}s[e].addObject(t,i)}this._topClusterLevel._addChild(t),t.__parent=this._topClusterLevel},_mergeSplitClusters:function(){this._zoomthis._map._zoom?(this._animationStart(),this._animationZoomOut(this._zoom,this._map._zoom)):this._moveEnd()},_getExpandedVisibleBounds:function(){if(!this.options.removeOutsideVisibleBounds)return this.getBounds();var t=this._map,e=t.getBounds(),i=e._southWest,n=e._northEast,r=L.Browser.mobile?0:Math.abs(i.lat-n.lat),s=L.Browser.mobile?0:Math.abs(i.lng-n.lng);return new L.LatLngBounds(new L.LatLng(i.lat-r,i.lng-s,!0),new L.LatLng(n.lat+r,n.lng+s,!0))},_animationAddLayerNonAnimated:function(t,e){if(e===t)L.FeatureGroup.prototype.addLayer.call(this,t);else if(2===e._childCount){e._addToMap();var i=e.getAllChildMarkers();L.FeatureGroup.prototype.removeLayer.call(this,i[0]),L.FeatureGroup.prototype.removeLayer.call(this,i[1])}else e._updateIcon()}}),L.MarkerClusterGroup.include(L.DomUtil.TRANSITION?{_animationStart:function(){this._map._mapPane.className+=" leaflet-cluster-anim",this._inZoomAnimation++},_animationEnd:function(){this._map&&(this._map._mapPane.className=this._map._mapPane.className.replace(" leaflet-cluster-anim","")),this._inZoomAnimation--,this.fire("animationend")},_animationZoomIn:function(t,e){var i,n=this,r=this._getExpandedVisibleBounds();this._topClusterLevel._recursively(r,t,0,function(s){var o,a=s._latlng,l=s._markers;for(s._isSingleParent()&&t+1===e?(L.FeatureGroup.prototype.removeLayer.call(n,s),s._recursivelyAddChildrenToMap(null,e,r)):(s.setOpacity(0),s._recursivelyAddChildrenToMap(a,e,r)),i=l.length-1;i>=0;i--)o=l[i],r.contains(o._latlng)||L.FeatureGroup.prototype.removeLayer.call(n,o)}),this._forceLayout();var s,o;n._topClusterLevel._recursivelyBecomeVisible(r,e);for(s in n._layers)o=n._layers[s],o instanceof L.MarkerCluster||!o._icon||o.setOpacity(1);n._topClusterLevel._recursively(r,t,e,function(t){t._recursivelyRestoreChildPositions(e)}),setTimeout(function(){n._topClusterLevel._recursively(r,t,0,function(t){L.FeatureGroup.prototype.removeLayer.call(n,t),t.setOpacity(1)}),n._animationEnd()},200)},_animationZoomOut:function(t,e){this._animationZoomOutSingle(this._topClusterLevel,t-1,e),this._topClusterLevel._recursivelyAddChildrenToMap(null,e,this._getExpandedVisibleBounds()),this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds,t,this._getExpandedVisibleBounds())},_animationZoomOutSingle:function(t,e,i){var n=this._getExpandedVisibleBounds();t._recursivelyAnimateChildrenInAndAddSelfToMap(n,e+1,i);var r=this;this._forceLayout(),t._recursivelyBecomeVisible(n,i),setTimeout(function(){if(1===t._childCount){var s=t._markers[0];s.setLatLng(s.getLatLng()),s.setOpacity(1)}else t._recursively(n,i,0,function(t){t._recursivelyRemoveChildrenFromMap(n,e+1)});r._animationEnd()},200)},_animationAddLayer:function(t,e){var i=this;L.FeatureGroup.prototype.addLayer.call(this,t),e!==t&&(e._childCount>2?(e._updateIcon(),this._forceLayout(),this._animationStart(),t._setPos(this._map.latLngToLayerPoint(e.getLatLng())),t.setOpacity(0),setTimeout(function(){L.FeatureGroup.prototype.removeLayer.call(i,t),t.setOpacity(1),i._animationEnd()},200)):(this._forceLayout(),i._animationStart(),i._animationZoomOutSingle(e,this._map.getMaxZoom(),this._map.getZoom())))},_forceLayout:function(){L.Util.falseFn(document.body.offsetWidth)}}:{_animationStart:function(){},_animationZoomIn:function(t,e){this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds,t),this._topClusterLevel._recursivelyAddChildrenToMap(null,e,this._getExpandedVisibleBounds())},_animationZoomOut:function(t,e){this._topClusterLevel._recursivelyRemoveChildrenFromMap(this._currentShownBounds,t),this._topClusterLevel._recursivelyAddChildrenToMap(null,e,this._getExpandedVisibleBounds())},_animationAddLayer:function(t,e){this._animationAddLayerNonAnimated(t,e)}}),L.MarkerCluster=L.Marker.extend({initialize:function(t,e,i,n){L.Marker.prototype.initialize.call(this,i?i._cLatLng||i.getLatLng():new L.LatLng(0,0),{icon:this}),this._group=t,this._zoom=e,this._markers=[],this._childClusters=[],this._childCount=0,this._iconNeedsUpdate=!0,this._bounds=new L.LatLngBounds,i&&this._addChild(i),n&&this._addChild(n)},getAllChildMarkers:function(t){t=t||[];for(var e=this._childClusters.length-1;e>=0;e--)this._childClusters[e].getAllChildMarkers(t);for(var i=this._markers.length-1;i>=0;i--)t.push(this._markers[i]);return t},getChildCount:function(){return this._childCount},zoomToBounds:function(){this._group._map.fitBounds(this._bounds)},getBounds:function(){var t=new L.LatLngBounds;return t.extend(this._bounds),t},_updateIcon:function(){this._iconNeedsUpdate=!0,this._icon&&this.setIcon(this)},createIcon:function(){return this._iconNeedsUpdate&&(this._iconObj=this._group.options.iconCreateFunction(this),this._iconNeedsUpdate=!1),this._iconObj.createIcon()},createShadow:function(){return this._iconObj.createShadow()},_addChild:function(t,e){this._iconNeedsUpdate=!0,this._expandBounds(t),t instanceof L.MarkerCluster?(e||(this._childClusters.push(t),t.__parent=this),this._childCount+=t._childCount):(e||this._markers.push(t),this._childCount++),this.__parent&&this.__parent._addChild(t,!0)},_expandBounds:function(t){var e,i=t._wLatLng||t._latlng;t instanceof L.MarkerCluster?(this._bounds.extend(t._bounds),e=t._childCount):(this._bounds.extend(i),e=1),this._cLatLng||(this._cLatLng=t._cLatLng||i);var n=this._childCount+e;this._wLatLng?(this._wLatLng.lat=(i.lat*e+this._wLatLng.lat*this._childCount)/n,this._wLatLng.lng=(i.lng*e+this._wLatLng.lng*this._childCount)/n):this._latlng=this._wLatLng=new L.LatLng(i.lat,i.lng)},_addToMap:function(t){t&&(this._backupLatlng=this._latlng,this.setLatLng(t)),this._noHas=!0,L.FeatureGroup.prototype.addLayer.call(this._group,this),delete this._noHas},_recursivelyAnimateChildrenIn:function(t,e,i){this._recursively(t,0,i-1,function(t){var i,n,r=t._markers;for(i=r.length-1;i>=0;i--)n=r[i],n._icon&&(n._setPos(e),n.setOpacity(0))},function(t){var i,n,r=t._childClusters;for(i=r.length-1;i>=0;i--)n=r[i],n._icon&&(n._setPos(e),n.setOpacity(0))})},_recursivelyAnimateChildrenInAndAddSelfToMap:function(t,e,i){this._recursively(t,i,0,function(n){n._recursivelyAnimateChildrenIn(t,n._group._map.latLngToLayerPoint(n.getLatLng()).round(),e),n._isSingleParent()&&e-1===i?(n.setOpacity(1),n._recursivelyRemoveChildrenFromMap(t,e)):n.setOpacity(0),n._addToMap()})},_recursivelyBecomeVisible:function(t,e){this._recursively(t,0,e,null,function(t){t.setOpacity(1)})},_recursivelyAddChildrenToMap:function(t,e,i){this._recursively(i,-1,e,function(n){if(e!==n._zoom)for(var r=n._markers.length-1;r>=0;r--){var s=n._markers[r];i.contains(s._latlng)&&(t&&(s._backupLatlng=s.getLatLng(),s.setLatLng(t),s.setOpacity(0)),s._noHas=!0,L.FeatureGroup.prototype.addLayer.call(n._group,s),delete s._noHas)}},function(e){e._addToMap(t)})},_recursivelyRestoreChildPositions:function(t){for(var e=this._markers.length-1;e>=0;e--){var i=this._markers[e];i._backupLatlng&&(i.setLatLng(i._backupLatlng),delete i._backupLatlng)}if(t-1===this._zoom)for(var n=this._childClusters.length-1;n>=0;n--)this._childClusters[n]._restorePosition();else for(var r=this._childClusters.length-1;r>=0;r--)this._childClusters[r]._recursivelyRestoreChildPositions(t)},_restorePosition:function(){this._backupLatlng&&(this.setLatLng(this._backupLatlng),delete this._backupLatlng)},_recursivelyRemoveChildrenFromMap:function(t,e,i){var n,r;this._recursively(t,-1,e-1,function(t){for(r=t._markers.length-1;r>=0;r--)n=t._markers[r],i&&i.contains(n._latlng)||(L.FeatureGroup.prototype.removeLayer.call(t._group,n),n.setOpacity(1))},function(t){for(r=t._childClusters.length-1;r>=0;r--)n=t._childClusters[r],i&&i.contains(n._latlng)||((!L.FeatureGroup.prototype.hasLayer||L.FeatureGroup.prototype.hasLayer.call(t._group,n))&&L.FeatureGroup.prototype.removeLayer.call(t._group,n),n.setOpacity(1))})},_recursively:function(t,e,i,n,r){var s,o,a=this._childClusters,l=this._zoom;if(e>l)for(s=a.length-1;s>=0;s--)o=a[s],t.intersects(o._bounds)&&o._recursively(t,e,i,n,r);else if(n&&n(this),r&&this._zoom===i&&r(this),i>l)for(s=a.length-1;s>=0;s--)o=a[s],t.intersects(o._bounds)&&o._recursively(t,e,i,n,r)},_recalculateBounds:function(){var t,e=this._markers,i=this._childClusters;for(this._bounds=new L.LatLngBounds,delete this._wLatLng,t=e.length-1;t>=0;t--)this._expandBounds(e[t]);for(t=i.length-1;t>=0;t--)this._expandBounds(i[t])},_isSingleParent:function(){return this._childClusters.length>0&&this._childClusters[0]._childCount===this._childCount}}),L.DistanceGrid=function(t){this._cellSize=t,this._sqCellSize=t*t,this._grid={},this._objectPoint={}},L.DistanceGrid.prototype={addObject:function(t,e){var i=this._getCoord(e.x),n=this._getCoord(e.y),r=this._grid,s=r[n]=r[n]||{},o=s[i]=s[i]||[],a=L.Util.stamp(t);this._objectPoint[a]=e,o.push(t)},updateObject:function(t,e){this.removeObject(t),this.addObject(t,e)},removeObject:function(t,e){var i,n,r=this._getCoord(e.x),s=this._getCoord(e.y),o=this._grid,a=o[s]=o[s]||{},l=a[r]=a[r]||[];for(delete this._objectPoint[L.Util.stamp(t)],i=0,n=l.length;n>i;i++)if(l[i]===t)return l.splice(i,1),1===n&&delete a[r],!0},eachObject:function(t,e){var i,n,r,s,o,a,l,_=this._grid;for(i in _){o=_[i];for(n in o)for(a=o[n],r=0,s=a.length;s>r;r++)l=t.call(e,a[r]),l&&(r--,s--)}},getNearObject:function(t){var e,i,n,r,s,o,a,l,_=this._getCoord(t.x),h=this._getCoord(t.y),u=this._objectPoint,d=this._sqCellSize,p=null;for(e=h-1;h+1>=e;e++)if(r=this._grid[e])for(i=_-1;_+1>=i;i++)if(s=r[i])for(n=0,o=s.length;o>n;n++)a=s[n],l=this._sqDist(u[L.Util.stamp(a)],t),d>l&&(d=l,p=a);return p},_getCoord:function(t){return Math.floor(t/this._cellSize)},_sqDist:function(t,e){var i=e.x-t.x,n=e.y-t.y;return i*i+n*n}},function(){L.QuickHull={getDistant:function(t,e){var i=e[1].lat-e[0].lat,n=e[0].lng-e[1].lng;return n*(t.lat-e[0].lat)+i*(t.lng-e[0].lng)},findMostDistantPointFromBaseLine:function(t,e){var i,n,r,s=0,o=null,a=[];for(i=e.length-1;i>=0;i--)n=e[i],r=this.getDistant(n,t),r>0&&(a.push(n),r>s&&(s=r,o=n));return{maxPoint:o,newPoints:a}},buildConvexHull:function(t,e){var i=[],n=this.findMostDistantPointFromBaseLine(t,e);return n.maxPoint?(i=i.concat(this.buildConvexHull([t[0],n.maxPoint],n.newPoints)),i=i.concat(this.buildConvexHull([n.maxPoint,t[1]],n.newPoints))):[t]},getConvexHull:function(t){var e,i=!1,n=!1,r=null,s=null;for(e=t.length-1;e>=0;e--){var o=t[e];(i===!1||o.lat>i)&&(r=o,i=o.lat),(n===!1||n>o.lat)&&(s=o,n=o.lat)}var a=[].concat(this.buildConvexHull([s,r],t),this.buildConvexHull([r,s],t));return a}}}(),L.MarkerCluster.include({getConvexHull:function(){var t,e,i,n=this.getAllChildMarkers(),r=[],s=[];for(i=n.length-1;i>=0;i--)e=n[i].getLatLng(),r.push(e);for(t=L.QuickHull.getConvexHull(r),i=t.length-1;i>=0;i--)s.push(t[i][0]);return s}}),L.MarkerCluster.include({_2PI:2*Math.PI,_circleFootSeparation:25,_circleStartAngle:Math.PI/6,_spiralFootSeparation:28,_spiralLengthStart:11,_spiralLengthFactor:5,_circleSpiralSwitchover:9,spiderfy:function(){if(this._group._spiderfied!==this&&!this._group._inZoomAnimation){var t,e=this.getAllChildMarkers(),i=this._group,n=i._map,r=n.latLngToLayerPoint(this._latlng);this._group._unspiderfy(),this._group._spiderfied=this,e.length>=this._circleSpiralSwitchover?t=this._generatePointsSpiral(e.length,r):(r.y+=10,t=this._generatePointsCircle(e.length,r)),this._animationSpiderfy(e,t)}},unspiderfy:function(t){this._group._inZoomAnimation||(this._animationUnspiderfy(t),this._group._spiderfied=null)},_generatePointsCircle:function(t,e){var i,n,r=this._group.options.spiderfyDistanceMultiplier*this._circleFootSeparation*(2+t),s=r/this._2PI,o=this._2PI/t,a=[];for(a.length=t,i=t-1;i>=0;i--)n=this._circleStartAngle+i*o,a[i]=new L.Point(e.x+s*Math.cos(n),e.y+s*Math.sin(n))._round();return a},_generatePointsSpiral:function(t,e){var i,n=this._group.options.spiderfyDistanceMultiplier*this._spiralLengthStart,r=this._group.options.spiderfyDistanceMultiplier*this._spiralFootSeparation,s=this._group.options.spiderfyDistanceMultiplier*this._spiralLengthFactor,o=0,a=[];for(a.length=t,i=t-1;i>=0;i--)o+=r/n+5e-4*i,a[i]=new L.Point(e.x+n*Math.cos(o),e.y+n*Math.sin(o))._round(),n+=this._2PI*s/o;return a},_noanimationUnspiderfy:function(){var t,e,i=this._group,n=i._map,r=this.getAllChildMarkers();for(this.setOpacity(1),e=r.length-1;e>=0;e--)t=r[e],L.FeatureGroup.prototype.removeLayer.call(i,t),t._preSpiderfyLatlng&&(t.setLatLng(t._preSpiderfyLatlng),delete t._preSpiderfyLatlng),t.setZIndexOffset(0),t._spiderLeg&&(n.removeLayer(t._spiderLeg),delete t._spiderLeg)}}),L.MarkerCluster.include(L.DomUtil.TRANSITION?{SVG_ANIMATION:function(){return(""+document.createElementNS("http://www.w3.org/2000/svg","animate")).indexOf("SVGAnimate")>-1}(),_animationSpiderfy:function(t,e){var i,n,r,s,o=this,a=this._group,l=a._map,_=l.latLngToLayerPoint(this._latlng);for(i=t.length-1;i>=0;i--)n=t[i],n.setZIndexOffset(1e6),n.setOpacity(0),n._noHas=!0,L.FeatureGroup.prototype.addLayer.call(a,n),delete n._noHas,n._setPos(_);a._forceLayout(),a._animationStart();var h=L.Path.SVG?0:.3,u=L.Path.SVG_NS;for(i=t.length-1;i>=0;i--)if(s=l.layerPointToLatLng(e[i]),n=t[i],n._preSpiderfyLatlng=n._latlng,n.setLatLng(s),n.setOpacity(1),r=new L.Polyline([o._latlng,s],{weight:1.5,color:"#222",opacity:h}),l.addLayer(r),n._spiderLeg=r,L.Path.SVG&&this.SVG_ANIMATION){var d=r._path.getTotalLength();r._path.setAttribute("stroke-dasharray",d+","+d);var p=document.createElementNS(u,"animate");p.setAttribute("attributeName","stroke-dashoffset"),p.setAttribute("begin","indefinite"),p.setAttribute("from",d),p.setAttribute("to",0),p.setAttribute("dur",.25),r._path.appendChild(p),p.beginElement(),p=document.createElementNS(u,"animate"),p.setAttribute("attributeName","stroke-opacity"),p.setAttribute("attributeName","stroke-opacity"),p.setAttribute("begin","indefinite"),p.setAttribute("from",0),p.setAttribute("to",.5),p.setAttribute("dur",.25),r._path.appendChild(p),p.beginElement()}if(o.setOpacity(.3),L.Path.SVG)for(this._group._forceLayout(),i=t.length-1;i>=0;i--)n=t[i]._spiderLeg,n.options.opacity=.5,n._path.setAttribute("stroke-opacity",.5);setTimeout(function(){a._animationEnd(),a.fire("spiderfied")},200)},_animationUnspiderfy:function(t){var e,i,n,r=this._group,s=r._map,o=t?s._latLngToNewLayerPoint(this._latlng,t.zoom,t.center):s.latLngToLayerPoint(this._latlng),a=this.getAllChildMarkers(),l=L.Path.SVG&&this.SVG_ANIMATION;for(r._animationStart(),this.setOpacity(1),i=a.length-1;i>=0;i--)e=a[i],e._preSpiderfyLatlng&&(e.setLatLng(e._preSpiderfyLatlng),delete e._preSpiderfyLatlng,e._setPos(o),e.setOpacity(0),l&&(n=e._spiderLeg._path.childNodes[0],n.setAttribute("to",n.getAttribute("from")),n.setAttribute("from",0),n.beginElement(),n=e._spiderLeg._path.childNodes[1],n.setAttribute("from",.5),n.setAttribute("to",0),n.setAttribute("stroke-opacity",0),n.beginElement(),e._spiderLeg._path.setAttribute("stroke-opacity",0)));setTimeout(function(){var t=0;for(i=a.length-1;i>=0;i--)e=a[i],e._spiderLeg&&t++;for(i=a.length-1;i>=0;i--)e=a[i],e._spiderLeg&&(e.setOpacity(1),e.setZIndexOffset(0),t>1&&L.FeatureGroup.prototype.removeLayer.call(r,e),s.removeLayer(e._spiderLeg),delete e._spiderLeg);r._animationEnd()},200)}}:{_animationSpiderfy:function(t,e){var i,n,r,s,o=this._group,a=o._map;for(i=t.length-1;i>=0;i--)s=a.layerPointToLatLng(e[i]),n=t[i],n._preSpiderfyLatlng=n._latlng,n.setLatLng(s),n.setZIndexOffset(1e6),L.FeatureGroup.prototype.addLayer.call(o,n),r=new L.Polyline([this._latlng,s],{weight:1.5,color:"#222"}),a.addLayer(r),n._spiderLeg=r;this.setOpacity(.3),o.fire("spiderfied")},_animationUnspiderfy:function(){this._noanimationUnspiderfy()}}),L.MarkerClusterGroup.include({_spiderfied:null,_spiderfierOnAdd:function(){this._map.on("click",this._unspiderfyWrapper,this),this._map.options.zoomAnimation?this._map.on("zoomstart",this._unspiderfyZoomStart,this):this._map.on("zoomend",this._unspiderfyWrapper,this),L.Path.SVG&&!L.Browser.touch&&this._map._initPathRoot()},_spiderfierOnRemove:function(){this._map.off("click",this._unspiderfyWrapper,this),this._map.off("zoomstart",this._unspiderfyZoomStart,this),this._map.off("zoomanim",this._unspiderfyZoomAnim,this),this._unspiderfy()},_unspiderfyZoomStart:function(){this._map&&this._map.on("zoomanim",this._unspiderfyZoomAnim,this)},_unspiderfyZoomAnim:function(t){L.DomUtil.hasClass(this._map._mapPane,"leaflet-touching")||(this._map.off("zoomanim",this._unspiderfyZoomAnim,this),this._unspiderfy(t))},_unspiderfyWrapper:function(){this._unspiderfy()},_unspiderfy:function(t){this._spiderfied&&this._spiderfied.unspiderfy(t)},_noanimationUnspiderfy:function(){this._spiderfied&&this._spiderfied._noanimationUnspiderfy()},_unspiderfyLayer:function(t){t._spiderLeg&&(L.FeatureGroup.prototype.removeLayer.call(this,t),t.setOpacity(1),t.setZIndexOffset(0),this._map.removeLayer(t._spiderLeg),delete t._spiderLeg)}})})(this); --------------------------------------------------------------------------------