Distância máxima entre ponto em pixels:" + "
Tipo de estilos (deixe vazio para utilizar as classes definidas no Layer ou escreva 'default' para usar o normal):"
- + "
Tipo de estilos (deixe vazio para utilizar as classes definidas no Layer ou escreva 'default' para usar o normal):"
+ + "
Os símbolos utilizados podem ser customizados alterando-se as classes do Mapfile
" + "Veja o exemplo utilizado no tema _lmapadecluster.map
"; @@ -445,7 +447,8 @@ i3GEO.pluginI3geo = return camada; }, inicia : function(camada) { - var nomeScript = "markercluster_script", p = i3GEO.configura.locaplic + "/ferramentas/markercluster/googlemaps_js.php", carregaJs = "nao", criaLayer; + var nomeScript = "markercluster_script", p = i3GEO.configura.locaplic + "/ferramentas/markercluster/googlemaps_js.php", carregaJs = + "nao", criaLayer; criaLayer = function() { var markercluster, marcas, latLng, marker, n, i; n = markercluster_dados.length; @@ -493,19 +496,17 @@ i3GEO.pluginI3geo = i3GEO.pluginI3geo.OBJETOS[camada.name] = markercluster; markercluster_dados = null; }; - //se o script nao existir carrega o codigo e os dados - //caso contrario, carrega apenas os dados no script + // se o script nao existir carrega o codigo e os dados + // caso contrario, carrega apenas os dados no script if (!$i(nomeScript)) { carregaJs = "sim"; - } - else{ + } else { nomeScript = ""; } p += - "?carregajs=" + carregaJs + "&layer=" + camada.name + "&coluna=" + camada.plugini3geo.parametros.coluna - + "&g_sid=" + i3GEO.configura.sid - + "&tipoEstilos=" + camada.plugini3geo.parametros.tipoEstilos - + "&nomevariavel=markercluster_dados&nomevariavelConfig=markercluster_config"; + "?carregajs=" + carregaJs + "&layer=" + camada.name + "&g_sid=" + i3GEO.configura.sid + "&tipoEstilos=" + + camada.plugini3geo.parametros.tipoEstilos + + "&nomevariavel=markercluster_dados&nomevariavelConfig=markercluster_config"; i3GEO.util.scriptTag(p, criaLayer, nomeScript); } }, @@ -526,68 +527,138 @@ i3GEO.pluginI3geo = camada.classe = "NAO"; return camada; }, - inicia : function(camada) { - var nomeScript = "markercluster_script", p = i3GEO.configura.locaplic + "/ferramentas/markercluster/openlayers_js.php", carregaJs = "nao", criaLayer; - criaLayer = function() { - var markercluster, marcas, latLng, marker, n, i; - n = markercluster_dados.length; - marcas = []; - for (i = 0; i < n; i++) { - latLng = new google.maps.LatLng(markercluster_dados[i].lat, markercluster_dados[i].lng); - marker = new google.maps.Marker({ - 'position' : latLng, - icon : { - url : markercluster_config.ponto.url, - scaledSize : new google.maps.Size(markercluster_config.ponto.width, markercluster_config.ponto.height) + inicia : function(camada, objMapa) { + var nomeScript = "markercluster_script", p = i3GEO.configura.locaplic + "/ferramentas/markercluster/openlayers_js.php", carregaJs = + "nao", criaLayer; + criaLayer = + function() { + var logMax, logMin, classes, min, max, markercluster, marcas, lonlat, n, i, style, nestilos, intervalo, regra, regras = + []; + + nestilos = markercluster_config.estilos.length; + n = markercluster_dados.length; + + + classes = Array(); + logMax = Math.log(n) / Math.LN10; // max decimal logarithm (or base 10) + logMin = Math.log(1) / Math.LN10; + intervalo = (logMax - logMin) / nestilos; + // we compute log bounds + for (i = 0; i < nestilos; i++) { + if (i == 0) { + classes[i] = logMin; + } else { + classes[i] = classes[i - 1] + intervalo; } + } + // we compute antilog + classes = classes.map(function(x) { + return Math.pow(10, x); }); - marcas.push(marker); - } - markercluster = new MarkerClusterer(i3GeoMap, marcas, { - "gridSize" : parseInt(camada.plugini3geo.parametros.gridSize, 10), - "visible" : true, - "opacity" : camada.transparency, - "name" : camada.name, - "styles" : markercluster_config.estilos - }); - i3GEO.janela.fechaAguarde("aguardePlugin"); - i3GEO.eventos.cliquePerm.ativo = false; + // and we finally add max value + classes.push(n); - markercluster.ligaCamada = function() { - i3GEO.pluginI3geo.OBJETOS[camada.name].ready_ = true; - i3GEO.pluginI3geo.OBJETOS[camada.name].redraw(); - i3GEO.eventos.cliquePerm.ativo = false; - }; - markercluster.desLigaCamada = function() { - i3GEO.pluginI3geo.OBJETOS[camada.name].resetViewport(true); - i3GEO.pluginI3geo.OBJETOS[camada.name].ready_ = false; - i3GEO.eventos.cliquePerm.ativo = true; - }; - markercluster.removeCamada = function() { - i3GEO.pluginI3geo.OBJETOS[camada.name].clearMarkers(); - i3GEO.eventos.cliquePerm.ativo = true; - }; - markercluster.atualizaCamada = function() { - i3GEO.pluginI3geo.OBJETOS[camada.name].ready_ = true; - i3GEO.pluginI3geo.OBJETOS[camada.name].redraw(); + // ponto sozinho + regra = new OpenLayers.Rule({ + filter : new OpenLayers.Filter.Comparison({ + type : OpenLayers.Filter.Comparison.LESS_THAN, + property : "count", + value : 2 + }), + symbolizer : { + externalGraphic : markercluster_config.ponto.url, + graphicWidth : markercluster_config.ponto.width, + graphicHeight : markercluster_config.ponto.height + } + }); + regras.push(regra); + min = 2; + for (i = 0; i < nestilos; i++) { + max = classes[i + 1]; + regra = new OpenLayers.Rule({ + filter : new OpenLayers.Filter.Comparison({ + type : OpenLayers.Filter.Comparison.BETWEEN, + property : "count", + lowerBoundary : min, + upperBoundary : max + }), + symbolizer : { + externalGraphic : markercluster_config.estilos[i].url, + graphicWidth : markercluster_config.estilos[i].width, + graphicHeight : markercluster_config.estilos[i].height, + label : "${count}", + labelOutlineWidth : 1, + fontColor : "#000000", + fontOpacity : 1, + fontSize : "12px" + } + }); + regras.push(regra); + min = max; + } + + // Create a Style that uses the three previous rules + style = new OpenLayers.Style(null, { + rules : regras + }); + + markercluster = new OpenLayers.Layer.Vector(camada.name, { + renderers : [ + 'Canvas', + 'SVG' + ], + strategies : [ + new OpenLayers.Strategy.AnimatedCluster({ + distance : parseInt(camada.plugini3geo.parametros.gridSize, 10) + }) + ], + styleMap : new OpenLayers.StyleMap(style) + }); + // para uso com o mashup + if (!objMapa) { + objMapa = i3geoOL; + } + objMapa.addLayer(markercluster); + + marcas = []; + for (i = 0; i < n; i++) { + lonlat = new OpenLayers.LonLat(markercluster_dados[i].lng, markercluster_dados[i].lat); + if (i3GEO.Interface.openlayers.googleLike === true) { + lonlat.transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")); + } + marcas.push(new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Point(lonlat.lon, lonlat.lat))); + } + markercluster.addFeatures(marcas); + + i3GEO.janela.fechaAguarde("aguardePlugin"); i3GEO.eventos.cliquePerm.ativo = false; + + markercluster.ligaCamada = function() { + i3GEO.eventos.cliquePerm.ativo = false; + }; + markercluster.desLigaCamada = function() { + i3GEO.eventos.cliquePerm.ativo = true; + }; + markercluster.removeCamada = function() { + i3GEO.eventos.cliquePerm.ativo = true; + }; + markercluster.atualizaCamada = function() { + i3GEO.eventos.cliquePerm.ativo = false; + }; + i3GEO.pluginI3geo.OBJETOS[camada.name] = markercluster; + markercluster_dados = null; }; - i3GEO.pluginI3geo.OBJETOS[camada.name] = markercluster; - markercluster_dados = null; - }; - //se o script nao existir carrega o codigo e os dados - //caso contrario, carrega apenas os dados no script + // se o script nao existir carrega o codigo e os dados + // caso contrario, carrega apenas os dados no script if (!$i(nomeScript)) { carregaJs = "sim"; - } - else{ + } else { nomeScript = ""; } p += - "?carregajs=" + carregaJs + "&layer=" + camada.name + "&coluna=" + camada.plugini3geo.parametros.coluna - + "&g_sid=" + i3GEO.configura.sid - + "&tipoEstilos=" + camada.plugini3geo.parametros.tipoEstilos - + "&nomevariavel=markercluster_dados&nomevariavelConfig=markercluster_config"; + "?carregajs=" + carregaJs + "&layer=" + camada.name + "&g_sid=" + i3GEO.configura.sid + "&tipoEstilos=" + + camada.plugini3geo.parametros.tipoEstilos + + "&nomevariavel=markercluster_dados&nomevariavelConfig=markercluster_config"; i3GEO.util.scriptTag(p, criaLayer, nomeScript); } } -- libgit2 0.21.2