Commit d4b1d361a94b9bc330f098348cedb3bc8343d505
1 parent
eb8ea972
Exists in
master
and in
7 other branches
Inclusao do calculo de heatmap na interface googlemaps
Showing
6 changed files
with
414 additions
and
353 deletions
Show diff stats
classesjs/classe_interface.js
| @@ -47,152 +47,152 @@ if (typeof (i3GEO) === 'undefined') { | @@ -47,152 +47,152 @@ if (typeof (i3GEO) === 'undefined') { | ||
| 47 | i3GEO.Interface = { | 47 | i3GEO.Interface = { |
| 48 | /* | 48 | /* |
| 49 | * Propriedade: TABLET | 49 | * Propriedade: TABLET |
| 50 | - * | 50 | + * |
| 51 | * Quando true, são aplicadas configurações especiais | 51 | * Quando true, são aplicadas configurações especiais |
| 52 | * para uso em tablets. | 52 | * para uso em tablets. |
| 53 | - * | 53 | + * |
| 54 | * Altera o posicionamento da barra de botões e comportamento das | 54 | * Altera o posicionamento da barra de botões e comportamento das |
| 55 | * guias. Veja o exemplo interface/openlayers_t.htm. | 55 | * guias. Veja o exemplo interface/openlayers_t.htm. |
| 56 | - * | 56 | + * |
| 57 | * Type: {boolean} | 57 | * Type: {boolean} |
| 58 | - * | 58 | + * |
| 59 | * Default: {false} | 59 | * Default: {false} |
| 60 | */ | 60 | */ |
| 61 | TABLET : false, | 61 | TABLET : false, |
| 62 | /* | 62 | /* |
| 63 | * Propriedade: ALTTABLET | 63 | * Propriedade: ALTTABLET |
| 64 | - * | 64 | + * |
| 65 | * Nome do arquivo HTML com a interface alternativa utilizada quando o i3Geo | 65 | * Nome do arquivo HTML com a interface alternativa utilizada quando o i3Geo |
| 66 | * detecta o uso de um dispositivo móvel | 66 | * detecta o uso de um dispositivo móvel |
| 67 | - * | 67 | + * |
| 68 | * A detecção é aplicada automaticamente quando essa | 68 | * A detecção é aplicada automaticamente quando essa |
| 69 | * variável for definida | 69 | * variável for definida |
| 70 | - * | 70 | + * |
| 71 | * Para não aplicar a detecção, use | 71 | * Para não aplicar a detecção, use |
| 72 | * i3GEO.Interface.ALTTABLET = "" | 72 | * i3GEO.Interface.ALTTABLET = "" |
| 73 | - * | 73 | + * |
| 74 | * Type: {string} | 74 | * Type: {string} |
| 75 | - * | 75 | + * |
| 76 | * Default: {""} | 76 | * Default: {""} |
| 77 | */ | 77 | */ |
| 78 | ALTTABLET : "", | 78 | ALTTABLET : "", |
| 79 | /* | 79 | /* |
| 80 | * Formato de geração da imagem. | 80 | * Formato de geração da imagem. |
| 81 | - * | 81 | + * |
| 82 | * Os formatos devem estar definidos no mapfile geral1windows.map e | 82 | * Os formatos devem estar definidos no mapfile geral1windows.map e |
| 83 | * geral1.map. A definição dessa variável não | 83 | * geral1.map. A definição dessa variável não |
| 84 | * afeta a interface padrão, que utiliza a definição | 84 | * afeta a interface padrão, que utiliza a definição |
| 85 | * que estiver ativa nos mapfiles de inicialização. | 85 | * que estiver ativa nos mapfiles de inicialização. |
| 86 | - * | 86 | + * |
| 87 | * Tipo: {MAPSERVER OUTPUTFORMAT} | 87 | * Tipo: {MAPSERVER OUTPUTFORMAT} |
| 88 | - * | 88 | + * |
| 89 | * Default: {"AGG_Q"} | 89 | * Default: {"AGG_Q"} |
| 90 | */ | 90 | */ |
| 91 | OUTPUTFORMAT : "AGG_Q", | 91 | OUTPUTFORMAT : "AGG_Q", |
| 92 | /* | 92 | /* |
| 93 | * Propriedade: BARRABOTOESTOP | 93 | * Propriedade: BARRABOTOESTOP |
| 94 | - * | 94 | + * |
| 95 | * Distancia da barra de botões em relação ao topo do | 95 | * Distancia da barra de botões em relação ao topo do |
| 96 | * mapa. | 96 | * mapa. |
| 97 | - * | 97 | + * |
| 98 | * Tipo: {number} | 98 | * Tipo: {number} |
| 99 | - * | 99 | + * |
| 100 | * Default: {12} | 100 | * Default: {12} |
| 101 | */ | 101 | */ |
| 102 | BARRABOTOESTOP : 12, | 102 | BARRABOTOESTOP : 12, |
| 103 | /* | 103 | /* |
| 104 | * Propriedade: BARRABOTOESLEFT | 104 | * Propriedade: BARRABOTOESLEFT |
| 105 | - * | 105 | + * |
| 106 | * Distancia da barra de botões em relação ao lado | 106 | * Distancia da barra de botões em relação ao lado |
| 107 | * esquerdo do mapa. | 107 | * esquerdo do mapa. |
| 108 | - * | 108 | + * |
| 109 | * Tipo: {number} | 109 | * Tipo: {number} |
| 110 | - * | 110 | + * |
| 111 | * Default: {3} | 111 | * Default: {3} |
| 112 | */ | 112 | */ |
| 113 | BARRABOTOESLEFT : 3, | 113 | BARRABOTOESLEFT : 3, |
| 114 | /* | 114 | /* |
| 115 | * Propriedade: BARRADEZOOMTOP | 115 | * Propriedade: BARRADEZOOMTOP |
| 116 | - * | 116 | + * |
| 117 | * Distancia da barra de zoom em relação ao topo do mapa. | 117 | * Distancia da barra de zoom em relação ao topo do mapa. |
| 118 | - * | 118 | + * |
| 119 | * Tipo: {number} | 119 | * Tipo: {number} |
| 120 | - * | 120 | + * |
| 121 | * Default: {12} | 121 | * Default: {12} |
| 122 | */ | 122 | */ |
| 123 | BARRADEZOOMTOP : 20, | 123 | BARRADEZOOMTOP : 20, |
| 124 | /* | 124 | /* |
| 125 | * Propriedade: BARRADEZOOMLEFT | 125 | * Propriedade: BARRADEZOOMLEFT |
| 126 | - * | 126 | + * |
| 127 | * Distancia da barra de zoom em relação ao lado esquerdo do | 127 | * Distancia da barra de zoom em relação ao lado esquerdo do |
| 128 | * mapa. | 128 | * mapa. |
| 129 | - * | 129 | + * |
| 130 | * Tipo: {number} | 130 | * Tipo: {number} |
| 131 | - * | 131 | + * |
| 132 | * Default: {3} | 132 | * Default: {3} |
| 133 | */ | 133 | */ |
| 134 | BARRADEZOOMLEFT : 10, | 134 | BARRADEZOOMLEFT : 10, |
| 135 | /* | 135 | /* |
| 136 | * Propriedade: ATUAL | 136 | * Propriedade: ATUAL |
| 137 | - * | 137 | + * |
| 138 | * Interface utilizada na criação e controle do mapa. | 138 | * Interface utilizada na criação e controle do mapa. |
| 139 | - * | 139 | + * |
| 140 | * Veja como usar nos arquivos de apresentação do mapa | 140 | * Veja como usar nos arquivos de apresentação do mapa |
| 141 | * existentes no diretório i3geo/interface | 141 | * existentes no diretório i3geo/interface |
| 142 | - * | 142 | + * |
| 143 | * O i3Geo, além da interface própria, permite o uso de outras | 143 | * O i3Geo, além da interface própria, permite o uso de outras |
| 144 | * APIs para a construção do mapa, como Google Maps ou | 144 | * APIs para a construção do mapa, como Google Maps ou |
| 145 | * Openlayers. Essa propriedade define qual interface será usada. | 145 | * Openlayers. Essa propriedade define qual interface será usada. |
| 146 | * Não confundir com o nome do HTML que é utilizado para | 146 | * Não confundir com o nome do HTML que é utilizado para |
| 147 | * mostrar o mapa. | 147 | * mostrar o mapa. |
| 148 | - * | 148 | + * |
| 149 | * Para definir a interface, utilize | 149 | * Para definir a interface, utilize |
| 150 | - * | 150 | + * |
| 151 | * i3GEO.Interface.ATUAL = "<valor>" | 151 | * i3GEO.Interface.ATUAL = "<valor>" |
| 152 | - * | 152 | + * |
| 153 | * Tipo: {string} | 153 | * Tipo: {string} |
| 154 | - * | 154 | + * |
| 155 | * Valores: {openlayers|googlemaps|googleearth} | 155 | * Valores: {openlayers|googlemaps|googleearth} |
| 156 | - * | 156 | + * |
| 157 | * Default: {"openlayers"} | 157 | * Default: {"openlayers"} |
| 158 | */ | 158 | */ |
| 159 | ATUAL : "openlayers", | 159 | ATUAL : "openlayers", |
| 160 | /* | 160 | /* |
| 161 | * Propriedade: IDCORPO | 161 | * Propriedade: IDCORPO |
| 162 | - * | 162 | + * |
| 163 | * ID do elemento HTML que receberá o corpo do mapa | 163 | * ID do elemento HTML que receberá o corpo do mapa |
| 164 | - * | 164 | + * |
| 165 | * Tipo: {string} | 165 | * Tipo: {string} |
| 166 | - * | 166 | + * |
| 167 | * Default: {"corpoMapa"} | 167 | * Default: {"corpoMapa"} |
| 168 | */ | 168 | */ |
| 169 | IDCORPO : "corpoMapa", | 169 | IDCORPO : "corpoMapa", |
| 170 | /* | 170 | /* |
| 171 | * Indica se o menu de contexto deve ser ativado | 171 | * Indica se o menu de contexto deve ser ativado |
| 172 | - * | 172 | + * |
| 173 | * Tipo: {Boolean} | 173 | * Tipo: {Boolean} |
| 174 | - * | 174 | + * |
| 175 | * Default: {true} | 175 | * Default: {true} |
| 176 | */ | 176 | */ |
| 177 | ATIVAMENUCONTEXTO : false, | 177 | ATIVAMENUCONTEXTO : false, |
| 178 | /* | 178 | /* |
| 179 | * Variavel: IDMAPA | 179 | * Variavel: IDMAPA |
| 180 | - * | 180 | + * |
| 181 | * ID do elemento HTML criado para conter o mapa | 181 | * ID do elemento HTML criado para conter o mapa |
| 182 | - * | 182 | + * |
| 183 | * Esse elemento normalmente é criado dentro de IDCORPO dependendo da | 183 | * Esse elemento normalmente é criado dentro de IDCORPO dependendo da |
| 184 | * interface | 184 | * interface |
| 185 | */ | 185 | */ |
| 186 | IDMAPA : "", | 186 | IDMAPA : "", |
| 187 | /* | 187 | /* |
| 188 | * Indica o status atual do mapa. | 188 | * Indica o status atual do mapa. |
| 189 | - * | 189 | + * |
| 190 | * É utilizado para verificar o status do mapa e bloquear ou | 190 | * É utilizado para verificar o status do mapa e bloquear ou |
| 191 | * não determinadas funções. | 191 | * não determinadas funções. |
| 192 | - * | 192 | + * |
| 193 | * Por exemplo, na interface OpenLayers, identifica se as camadas | 193 | * Por exemplo, na interface OpenLayers, identifica se as camadas |
| 194 | * estão sendo atualizadas | 194 | * estão sendo atualizadas |
| 195 | - * | 195 | + * |
| 196 | * STATUS = { atualizando: new Array(), //guarda os códigos dos | 196 | * STATUS = { atualizando: new Array(), //guarda os códigos dos |
| 197 | * layers que estão sendo redesenhados trocando: false //indica se o | 197 | * layers que estão sendo redesenhados trocando: false //indica se o |
| 198 | * mapa está na fase de troca de interface } | 198 | * mapa está na fase de troca de interface } |
| @@ -282,7 +282,7 @@ i3GEO.Interface = { | @@ -282,7 +282,7 @@ i3GEO.Interface = { | ||
| 282 | }, | 282 | }, |
| 283 | /* | 283 | /* |
| 284 | * Function: redesenha | 284 | * Function: redesenha |
| 285 | - * | 285 | + * |
| 286 | * Aplica o método redesenha da interface atual. Em alguns casos, a | 286 | * Aplica o método redesenha da interface atual. Em alguns casos, a |
| 287 | * função de redesenho aplica os mesmos processos da | 287 | * função de redesenho aplica os mesmos processos da |
| 288 | * função de atualizar o mapa. Isso ocorre pq em alguns casos | 288 | * função de atualizar o mapa. Isso ocorre pq em alguns casos |
| @@ -296,13 +296,13 @@ i3GEO.Interface = { | @@ -296,13 +296,13 @@ i3GEO.Interface = { | ||
| 296 | }, | 296 | }, |
| 297 | /* | 297 | /* |
| 298 | * Function: aplicaOpacidade | 298 | * Function: aplicaOpacidade |
| 299 | - * | 299 | + * |
| 300 | * Aplica um fator de opacidade a todos os layers do mapa | 300 | * Aplica um fator de opacidade a todos os layers do mapa |
| 301 | - * | 301 | + * |
| 302 | * Parametro: | 302 | * Parametro: |
| 303 | - * | 303 | + * |
| 304 | * opacidade {numerico} - 0 a 1 | 304 | * opacidade {numerico} - 0 a 1 |
| 305 | - * | 305 | + * |
| 306 | * layer {string} - (opcional) se for vazio aplica ao mapa todo | 306 | * layer {string} - (opcional) se for vazio aplica ao mapa todo |
| 307 | */ | 307 | */ |
| 308 | aplicaOpacidade : function(opacidade, layer) { | 308 | aplicaOpacidade : function(opacidade, layer) { |
| @@ -313,7 +313,7 @@ i3GEO.Interface = { | @@ -313,7 +313,7 @@ i3GEO.Interface = { | ||
| 313 | }, | 313 | }, |
| 314 | /* | 314 | /* |
| 315 | * Function: atualizaMapa | 315 | * Function: atualizaMapa |
| 316 | - * | 316 | + * |
| 317 | * Aplica o método atualizaMapa da interface atual. Em alguns casos, | 317 | * Aplica o método atualizaMapa da interface atual. Em alguns casos, |
| 318 | * a função de redesenho aplica os mesmos processos da | 318 | * a função de redesenho aplica os mesmos processos da |
| 319 | * função de atualizar o mapa. Isso ocorre pq em alguns casos | 319 | * função de atualizar o mapa. Isso ocorre pq em alguns casos |
| @@ -333,16 +333,16 @@ i3GEO.Interface = { | @@ -333,16 +333,16 @@ i3GEO.Interface = { | ||
| 333 | }, | 333 | }, |
| 334 | /* | 334 | /* |
| 335 | * Function: atualizaTema | 335 | * Function: atualizaTema |
| 336 | - * | 336 | + * |
| 337 | * Aplica o método atualizaTema da interface atual | 337 | * Aplica o método atualizaTema da interface atual |
| 338 | - * | 338 | + * |
| 339 | * Parametros: | 339 | * Parametros: |
| 340 | - * | 340 | + * |
| 341 | * retorno {JSON} - objeto JSON com os par�metros obtidos da | 341 | * retorno {JSON} - objeto JSON com os par�metros obtidos da |
| 342 | * função PHP de redesenho do mapa. Quando igual a "", | 342 | * função PHP de redesenho do mapa. Quando igual a "", |
| 343 | * é feita apenas a atualização da camada, sem que a | 343 | * é feita apenas a atualização da camada, sem que a |
| 344 | * árvore de camadas seja atualizada. | 344 | * árvore de camadas seja atualizada. |
| 345 | - * | 345 | + * |
| 346 | * tema {string} - código do tema | 346 | * tema {string} - código do tema |
| 347 | */ | 347 | */ |
| 348 | atualizaTema : function(retorno, tema) { | 348 | atualizaTema : function(retorno, tema) { |
| @@ -352,11 +352,11 @@ i3GEO.Interface = { | @@ -352,11 +352,11 @@ i3GEO.Interface = { | ||
| 352 | }, | 352 | }, |
| 353 | /* | 353 | /* |
| 354 | * Function: ligaDesliga | 354 | * Function: ligaDesliga |
| 355 | - * | 355 | + * |
| 356 | * Liga/desliga um tema | 356 | * Liga/desliga um tema |
| 357 | - * | 357 | + * |
| 358 | * Parametros: | 358 | * Parametros: |
| 359 | - * | 359 | + * |
| 360 | * {object} objeto do tipo checkbox que foi acionado na arvore de camadas | 360 | * {object} objeto do tipo checkbox que foi acionado na arvore de camadas |
| 361 | */ | 361 | */ |
| 362 | ligaDesliga : function(obj) { | 362 | ligaDesliga : function(obj) { |
| @@ -364,7 +364,7 @@ i3GEO.Interface = { | @@ -364,7 +364,7 @@ i3GEO.Interface = { | ||
| 364 | }, | 364 | }, |
| 365 | /* | 365 | /* |
| 366 | * Function: adicionaKml | 366 | * Function: adicionaKml |
| 367 | - * | 367 | + * |
| 368 | * Aplica o método de adição de kml ao mapa conforme a | 368 | * Aplica o método de adição de kml ao mapa conforme a |
| 369 | * interface atual | 369 | * interface atual |
| 370 | */ | 370 | */ |
| @@ -383,14 +383,14 @@ i3GEO.Interface = { | @@ -383,14 +383,14 @@ i3GEO.Interface = { | ||
| 383 | }, | 383 | }, |
| 384 | /* | 384 | /* |
| 385 | * Cria ou altera os elementos HTML necessários para a interface | 385 | * Cria ou altera os elementos HTML necessários para a interface |
| 386 | - * | 386 | + * |
| 387 | * Essa função é executada na | 387 | * Essa função é executada na |
| 388 | * inicialização do i3geo | 388 | * inicialização do i3geo |
| 389 | - * | 389 | + * |
| 390 | * Parametros: | 390 | * Parametros: |
| 391 | - * | 391 | + * |
| 392 | * w {Integer} - largura do corpo do mapa em pixels | 392 | * w {Integer} - largura do corpo do mapa em pixels |
| 393 | - * | 393 | + * |
| 394 | * h {Integer} - altura do corpo do mapa em pixels | 394 | * h {Integer} - altura do corpo do mapa em pixels |
| 395 | */ | 395 | */ |
| 396 | cria : function(w, h) { | 396 | cria : function(w, h) { |
| @@ -442,7 +442,7 @@ i3GEO.Interface = { | @@ -442,7 +442,7 @@ i3GEO.Interface = { | ||
| 442 | }, | 442 | }, |
| 443 | /* | 443 | /* |
| 444 | * Function: alteraLayers | 444 | * Function: alteraLayers |
| 445 | - * | 445 | + * |
| 446 | * Altera todos os layers do mapa modificando um determinado par�metro | 446 | * Altera todos os layers do mapa modificando um determinado par�metro |
| 447 | */ | 447 | */ |
| 448 | alteraParametroLayers : function(parametro, valor) { | 448 | alteraParametroLayers : function(parametro, valor) { |
| @@ -469,27 +469,27 @@ i3GEO.Interface = { | @@ -469,27 +469,27 @@ i3GEO.Interface = { | ||
| 469 | }, | 469 | }, |
| 470 | /* | 470 | /* |
| 471 | * Classe: i3GEO.Interface.openlayers | 471 | * Classe: i3GEO.Interface.openlayers |
| 472 | - * | 472 | + * |
| 473 | * Interface com motor de navegação baseado na API OpenLayers | 473 | * Interface com motor de navegação baseado na API OpenLayers |
| 474 | - * | 474 | + * |
| 475 | * Utilizado quando | 475 | * Utilizado quando |
| 476 | - * | 476 | + * |
| 477 | * i3GEO.Interface.ATUAL = "openlayers" | 477 | * i3GEO.Interface.ATUAL = "openlayers" |
| 478 | - * | 478 | + * |
| 479 | * Cria o objeto i3geoOL que pode receber os métodos da API do | 479 | * Cria o objeto i3geoOL que pode receber os métodos da API do |
| 480 | * OpenLayers | 480 | * OpenLayers |
| 481 | - * | 481 | + * |
| 482 | * Para detalhes sobre a configuração da interface, veja | 482 | * Para detalhes sobre a configuração da interface, veja |
| 483 | * i3geo/aplicmap/openlayers.htm | 483 | * i3geo/aplicmap/openlayers.htm |
| 484 | */ | 484 | */ |
| 485 | openlayers : { | 485 | openlayers : { |
| 486 | /* | 486 | /* |
| 487 | * Propriedade: parametrosMap | 487 | * Propriedade: parametrosMap |
| 488 | - * | 488 | + * |
| 489 | * Permite incluir parametros da API do OpenLayers nao previstos no | 489 | * Permite incluir parametros da API do OpenLayers nao previstos no |
| 490 | * i3Geo. Veja em | 490 | * i3Geo. Veja em |
| 491 | * http://dev.openlayers.org/releases/OpenLayers-2.12/doc/apidocs/files/OpenLayers/Map-js.html | 491 | * http://dev.openlayers.org/releases/OpenLayers-2.12/doc/apidocs/files/OpenLayers/Map-js.html |
| 492 | - * | 492 | + * |
| 493 | * Exemplo i3GEO.Interface.openlayers.parametrosMap.scales = [50000000, | 493 | * Exemplo i3GEO.Interface.openlayers.parametrosMap.scales = [50000000, |
| 494 | * 30000000, 10000000, 5000000]; | 494 | * 30000000, 10000000, 5000000]; |
| 495 | */ | 495 | */ |
| @@ -505,46 +505,46 @@ i3GEO.Interface = { | @@ -505,46 +505,46 @@ i3GEO.Interface = { | ||
| 505 | }, | 505 | }, |
| 506 | /* | 506 | /* |
| 507 | * Propriedade: FUNDOTEMA | 507 | * Propriedade: FUNDOTEMA |
| 508 | - * | 508 | + * |
| 509 | * Estilo "background" do nome do tema na árvore de camadas | 509 | * Estilo "background" do nome do tema na árvore de camadas |
| 510 | * enquanto o mesmo está sendo carregado. | 510 | * enquanto o mesmo está sendo carregado. |
| 511 | - * | 511 | + * |
| 512 | * Permite destacar o nome do tema que está em processo de | 512 | * Permite destacar o nome do tema que está em processo de |
| 513 | * carregamento | 513 | * carregamento |
| 514 | - * | 514 | + * |
| 515 | * Tipo: {background style} | 515 | * Tipo: {background style} |
| 516 | - * | 516 | + * |
| 517 | * Default: {yellow} | 517 | * Default: {yellow} |
| 518 | */ | 518 | */ |
| 519 | FUNDOTEMA : "yellow", | 519 | FUNDOTEMA : "yellow", |
| 520 | /* | 520 | /* |
| 521 | * Propriedade: TILES | 521 | * Propriedade: TILES |
| 522 | - * | 522 | + * |
| 523 | * Indica se será utilizado o modo de navegação em | 523 | * Indica se será utilizado o modo de navegação em |
| 524 | * tiles | 524 | * tiles |
| 525 | - * | 525 | + * |
| 526 | * Tipo: {boolean} | 526 | * Tipo: {boolean} |
| 527 | - * | 527 | + * |
| 528 | * Default: {false} | 528 | * Default: {false} |
| 529 | */ | 529 | */ |
| 530 | TILES : true, | 530 | TILES : true, |
| 531 | /* | 531 | /* |
| 532 | * Número de TILES na área não visível do | 532 | * Número de TILES na área não visível do |
| 533 | * mapa | 533 | * mapa |
| 534 | - * | 534 | + * |
| 535 | * Tipo: {integer} | 535 | * Tipo: {integer} |
| 536 | - * | 536 | + * |
| 537 | * Default: {0} | 537 | * Default: {0} |
| 538 | */ | 538 | */ |
| 539 | BUFFER : 0, | 539 | BUFFER : 0, |
| 540 | /* | 540 | /* |
| 541 | * Propriedade: GADGETS | 541 | * Propriedade: GADGETS |
| 542 | - * | 542 | + * |
| 543 | * Lista dos controles específicos da API do OpenLayers que | 543 | * Lista dos controles específicos da API do OpenLayers que |
| 544 | * serão inseridos ou não no mapa | 544 | * serão inseridos ou não no mapa |
| 545 | - * | 545 | + * |
| 546 | * Tipo: {object} | 546 | * Tipo: {object} |
| 547 | - * | 547 | + * |
| 548 | * Default: | 548 | * Default: |
| 549 | * {PanZoomBar:true,LayerSwitcher:true,ScaleLine:true,OverviewMap:true} | 549 | * {PanZoomBar:true,LayerSwitcher:true,ScaleLine:true,OverviewMap:true} |
| 550 | */ | 550 | */ |
| @@ -557,37 +557,37 @@ i3GEO.Interface = { | @@ -557,37 +557,37 @@ i3GEO.Interface = { | ||
| 557 | }, | 557 | }, |
| 558 | /* | 558 | /* |
| 559 | * Propriedade: MINEXTENT | 559 | * Propriedade: MINEXTENT |
| 560 | - * | 560 | + * |
| 561 | * Menor extensão geográfica que pode ser mostrada no mapa | 561 | * Menor extensão geográfica que pode ser mostrada no mapa |
| 562 | - * | 562 | + * |
| 563 | * Tipo: {array} | 563 | * Tipo: {array} |
| 564 | - * | 564 | + * |
| 565 | * Default: {-0.0003, -0.0003, 0.0003, 0.0003]} | 565 | * Default: {-0.0003, -0.0003, 0.0003, 0.0003]} |
| 566 | */ | 566 | */ |
| 567 | MINEXTENT : [ -0.0003, -0.0003, 0.0003, 0.0003 ], | 567 | MINEXTENT : [ -0.0003, -0.0003, 0.0003, 0.0003 ], |
| 568 | /* | 568 | /* |
| 569 | * Propriedade: MAXEXTENT | 569 | * Propriedade: MAXEXTENT |
| 570 | - * | 570 | + * |
| 571 | * Maior extensão geográfica que pode ser mostrada no mapa | 571 | * Maior extensão geográfica que pode ser mostrada no mapa |
| 572 | - * | 572 | + * |
| 573 | * Tipo: {array} | 573 | * Tipo: {array} |
| 574 | - * | 574 | + * |
| 575 | * Default: {[-180, -90, 180, 90]} | 575 | * Default: {[-180, -90, 180, 90]} |
| 576 | */ | 576 | */ |
| 577 | MAXEXTENT : [ -180, -90, 180, 90 ], | 577 | MAXEXTENT : [ -180, -90, 180, 90 ], |
| 578 | /* | 578 | /* |
| 579 | * Propriedades: LAYERSADICIONAIS | 579 | * Propriedades: LAYERSADICIONAIS |
| 580 | - * | 580 | + * |
| 581 | * Array com objetos do tipo LAYER que serão adicionados | 581 | * Array com objetos do tipo LAYER que serão adicionados |
| 582 | * após a crioação de todos os layers default. | 582 | * após a crioação de todos os layers default. |
| 583 | - * | 583 | + * |
| 584 | * Tipo: {array} | 584 | * Tipo: {array} |
| 585 | - * | 585 | + * |
| 586 | */ | 586 | */ |
| 587 | LAYERSADICIONAIS : [], | 587 | LAYERSADICIONAIS : [], |
| 588 | /* | 588 | /* |
| 589 | * Propriedade: LAYERFUNDO | 589 | * Propriedade: LAYERFUNDO |
| 590 | - * | 590 | + * |
| 591 | * Nome do layer do tipo baselayer que sera ativado | 591 | * Nome do layer do tipo baselayer que sera ativado |
| 592 | */ | 592 | */ |
| 593 | LAYERFUNDO : "", | 593 | LAYERFUNDO : "", |
| @@ -1628,13 +1628,13 @@ i3GEO.Interface = { | @@ -1628,13 +1628,13 @@ i3GEO.Interface = { | ||
| 1628 | }, | 1628 | }, |
| 1629 | /* | 1629 | /* |
| 1630 | * Classe: i3GEO.Interface.googlemaps | 1630 | * Classe: i3GEO.Interface.googlemaps |
| 1631 | - * | 1631 | + * |
| 1632 | * Interface com motor de navegação baseado na API Google Maps | 1632 | * Interface com motor de navegação baseado na API Google Maps |
| 1633 | - * | 1633 | + * |
| 1634 | * Utilizado quando | 1634 | * Utilizado quando |
| 1635 | - * | 1635 | + * |
| 1636 | * i3GEO.Interface.ATUAL = "googlemaps" | 1636 | * i3GEO.Interface.ATUAL = "googlemaps" |
| 1637 | - * | 1637 | + * |
| 1638 | * Cria o objeto i3GeoMap que pode receber os métodos da API. Cria | 1638 | * Cria o objeto i3GeoMap que pode receber os métodos da API. Cria |
| 1639 | * também o objeto i3GeoMapOverlay do tipo Overlay, utilizado para | 1639 | * também o objeto i3GeoMapOverlay do tipo Overlay, utilizado para |
| 1640 | * cálculos ou para receber elementos gráficos. | 1640 | * cálculos ou para receber elementos gráficos. |
| @@ -1642,14 +1642,14 @@ i3GEO.Interface = { | @@ -1642,14 +1642,14 @@ i3GEO.Interface = { | ||
| 1642 | googlemaps : { | 1642 | googlemaps : { |
| 1643 | /* | 1643 | /* |
| 1644 | * Propriedade: ESTILOS | 1644 | * Propriedade: ESTILOS |
| 1645 | - * | 1645 | + * |
| 1646 | * Estilos que podem ser utilizados com o mapa | 1646 | * Estilos que podem ser utilizados com o mapa |
| 1647 | - * | ||
| 1648 | - * | 1647 | + * |
| 1648 | + * | ||
| 1649 | * Para novos estilos, acrescente seu codigo nesse objeto | 1649 | * Para novos estilos, acrescente seu codigo nesse objeto |
| 1650 | - * | 1650 | + * |
| 1651 | * Fonte http://maps-api-tt.appspot.com/apilite/styled/styled.html | 1651 | * Fonte http://maps-api-tt.appspot.com/apilite/styled/styled.html |
| 1652 | - * | 1652 | + * |
| 1653 | * Tipo: {objeto estilo do Google Maps} | 1653 | * Tipo: {objeto estilo do Google Maps} |
| 1654 | */ | 1654 | */ |
| 1655 | ESTILOS : { | 1655 | ESTILOS : { |
| @@ -1791,30 +1791,30 @@ i3GEO.Interface = { | @@ -1791,30 +1791,30 @@ i3GEO.Interface = { | ||
| 1791 | }, | 1791 | }, |
| 1792 | /* | 1792 | /* |
| 1793 | * Propriedade: ESTILOPADRAO | 1793 | * Propriedade: ESTILOPADRAO |
| 1794 | - * | 1794 | + * |
| 1795 | * Nome do estilo definido em ESTILOS que sera usado como padrao para o | 1795 | * Nome do estilo definido em ESTILOS que sera usado como padrao para o |
| 1796 | * mapa. Se for "" sera usado o estilo normal do Google | 1796 | * mapa. Se for "" sera usado o estilo normal do Google |
| 1797 | - * | 1797 | + * |
| 1798 | * Estilos pre-definidos Red, Countries, Night, Blue, Greyscale, No | 1798 | * Estilos pre-definidos Red, Countries, Night, Blue, Greyscale, No |
| 1799 | * roads, Mixed, Chilled | 1799 | * roads, Mixed, Chilled |
| 1800 | - * | 1800 | + * |
| 1801 | * Tipo: {string} | 1801 | * Tipo: {string} |
| 1802 | - * | 1802 | + * |
| 1803 | * Default: "" | 1803 | * Default: "" |
| 1804 | */ | 1804 | */ |
| 1805 | ESTILOPADRAO : "", | 1805 | ESTILOPADRAO : "", |
| 1806 | /* | 1806 | /* |
| 1807 | * Propriedade: MAPOPTIONS | 1807 | * Propriedade: MAPOPTIONS |
| 1808 | - * | 1808 | + * |
| 1809 | * Objeto contendo opções que serão utilizadas no | 1809 | * Objeto contendo opções que serão utilizadas no |
| 1810 | * construtor do mapa conforme a API do GoogleMaps | 1810 | * construtor do mapa conforme a API do GoogleMaps |
| 1811 | - * | 1811 | + * |
| 1812 | * Exemplo de uso | 1812 | * Exemplo de uso |
| 1813 | - * | 1813 | + * |
| 1814 | * i3GEO.Interface.googlemaps.MAPOPTIONS = {maxZoom:5}; | 1814 | * i3GEO.Interface.googlemaps.MAPOPTIONS = {maxZoom:5}; |
| 1815 | - * | 1815 | + * |
| 1816 | * https://developers.google.com/maps/documentation/javascript/reference#MapOptions | 1816 | * https://developers.google.com/maps/documentation/javascript/reference#MapOptions |
| 1817 | - * | 1817 | + * |
| 1818 | * Tipo: {MapOptions} | 1818 | * Tipo: {MapOptions} |
| 1819 | */ | 1819 | */ |
| 1820 | MAPOPTIONS : { | 1820 | MAPOPTIONS : { |
| @@ -1822,36 +1822,36 @@ i3GEO.Interface = { | @@ -1822,36 +1822,36 @@ i3GEO.Interface = { | ||
| 1822 | }, | 1822 | }, |
| 1823 | /* | 1823 | /* |
| 1824 | * Propriedade: OPACIDADE | 1824 | * Propriedade: OPACIDADE |
| 1825 | - * | 1825 | + * |
| 1826 | * Valor da opacidade das camadas i3geo do mapa | 1826 | * Valor da opacidade das camadas i3geo do mapa |
| 1827 | - * | 1827 | + * |
| 1828 | * Varia de 0 a 1 | 1828 | * Varia de 0 a 1 |
| 1829 | - * | 1829 | + * |
| 1830 | * Default: 0.8 | 1830 | * Default: 0.8 |
| 1831 | - * | 1831 | + * |
| 1832 | * Tipo: {Numeric} | 1832 | * Tipo: {Numeric} |
| 1833 | */ | 1833 | */ |
| 1834 | OPACIDADE : 0.8, | 1834 | OPACIDADE : 0.8, |
| 1835 | /* | 1835 | /* |
| 1836 | * Propriedade: TIPOMAPA | 1836 | * Propriedade: TIPOMAPA |
| 1837 | - * | 1837 | + * |
| 1838 | * Tipo de mapa que será usado como default, conforme constantes | 1838 | * Tipo de mapa que será usado como default, conforme constantes |
| 1839 | * definidas na API do Google Maps. | 1839 | * definidas na API do Google Maps. |
| 1840 | - * | 1840 | + * |
| 1841 | * Default: "roadmap" | 1841 | * Default: "roadmap" |
| 1842 | - * | 1842 | + * |
| 1843 | * Tipo: {string - Google API constante | 1843 | * Tipo: {string - Google API constante |
| 1844 | * "satellite"|"roadmap"|"hybrid"|"terrain"} | 1844 | * "satellite"|"roadmap"|"hybrid"|"terrain"} |
| 1845 | */ | 1845 | */ |
| 1846 | TIPOMAPA : "terrain", | 1846 | TIPOMAPA : "terrain", |
| 1847 | /* | 1847 | /* |
| 1848 | * Variable: ZOOMSCALE | 1848 | * Variable: ZOOMSCALE |
| 1849 | - * | 1849 | + * |
| 1850 | * Array com a lista de escalas em cada nivel de zoom utilizado pelo | 1850 | * Array com a lista de escalas em cada nivel de zoom utilizado pelo |
| 1851 | 1851 | ||
| 1852 | - * | 1852 | + * |
| 1853 | * Tipo: {array} | 1853 | * Tipo: {array} |
| 1854 | - * | 1854 | + * |
| 1855 | */ | 1855 | */ |
| 1856 | ZOOMSCALE : [ 591657550, 295828775, 147914387, 73957193, 36978596, | 1856 | ZOOMSCALE : [ 591657550, 295828775, 147914387, 73957193, 36978596, |
| 1857 | 18489298, 9244649, 4622324, 2311162, 1155581, 577790, 288895, | 1857 | 18489298, 9244649, 4622324, 2311162, 1155581, 577790, 288895, |
| @@ -1859,14 +1859,14 @@ i3GEO.Interface = { | @@ -1859,14 +1859,14 @@ i3GEO.Interface = { | ||
| 1859 | /* | 1859 | /* |
| 1860 | * Par�metros adicionais que são inseridos na URL que define cada | 1860 | * Par�metros adicionais que são inseridos na URL que define cada |
| 1861 | * layer | 1861 | * layer |
| 1862 | - * | 1862 | + * |
| 1863 | * Tipo: {string} | 1863 | * Tipo: {string} |
| 1864 | */ | 1864 | */ |
| 1865 | PARAMETROSLAYER : "&TIPOIMAGEM=" + i3GEO.configura.tipoimagem, | 1865 | PARAMETROSLAYER : "&TIPOIMAGEM=" + i3GEO.configura.tipoimagem, |
| 1866 | /* | 1866 | /* |
| 1867 | * String acrescentada � url de cada tile para garantir a | 1867 | * String acrescentada � url de cada tile para garantir a |
| 1868 | * remoção do cache local | 1868 | * remoção do cache local |
| 1869 | - * | 1869 | + * |
| 1870 | * Type: {string} | 1870 | * Type: {string} |
| 1871 | */ | 1871 | */ |
| 1872 | posfixo : 0, | 1872 | posfixo : 0, |
| @@ -2060,8 +2060,15 @@ i3GEO.Interface = { | @@ -2060,8 +2060,15 @@ i3GEO.Interface = { | ||
| 2060 | if (!indice) { | 2060 | if (!indice) { |
| 2061 | // nao utilize !== aqui | 2061 | // nao utilize !== aqui |
| 2062 | if (camada.status != 0) { | 2062 | if (camada.status != 0) { |
| 2063 | + // verifica se a camada contem um plugin do i3geo | ||
| 2064 | + // caso tenha, direciona para a classe_i3geoplugin | ||
| 2065 | + if (camada.plugini3geo != "") { | ||
| 2066 | + i3GEO.pluginI3geo.inicia(camada); | ||
| 2067 | + continue; | ||
| 2068 | + } else { | ||
| 2063 | i3GEO.Interface.googlemaps.insereLayer(camada.name, 0, | 2069 | i3GEO.Interface.googlemaps.insereLayer(camada.name, 0, |
| 2064 | camada.cache); | 2070 | camada.cache); |
| 2071 | + } | ||
| 2065 | } | 2072 | } |
| 2066 | } | 2073 | } |
| 2067 | } | 2074 | } |
| @@ -2172,7 +2179,7 @@ i3GEO.Interface = { | @@ -2172,7 +2179,7 @@ i3GEO.Interface = { | ||
| 2172 | var i = false; | 2179 | var i = false; |
| 2173 | try { | 2180 | try { |
| 2174 | i3GeoMap.overlayMapTypes.forEach(function(elemento, number) { | 2181 | i3GeoMap.overlayMapTypes.forEach(function(elemento, number) { |
| 2175 | - // alert(nomeLayer+" "+elemento.name) | 2182 | + //alert(nomeLayer+" "+elemento.name) |
| 2176 | if (elemento.name === nomeLayer) { | 2183 | if (elemento.name === nomeLayer) { |
| 2177 | i = number; | 2184 | i = number; |
| 2178 | } | 2185 | } |
| @@ -2353,27 +2360,27 @@ i3GEO.Interface = { | @@ -2353,27 +2360,27 @@ i3GEO.Interface = { | ||
| 2353 | }, | 2360 | }, |
| 2354 | /* | 2361 | /* |
| 2355 | * Function: adicionaKml | 2362 | * Function: adicionaKml |
| 2356 | - * | 2363 | + * |
| 2357 | * Insere no mapa uma camada KML com base na API do Google Maps | 2364 | * Insere no mapa uma camada KML com base na API do Google Maps |
| 2358 | - * | 2365 | + * |
| 2359 | * As camadas adicionadas são acrescentadas na árvore de | 2366 | * As camadas adicionadas são acrescentadas na árvore de |
| 2360 | * camadas | 2367 | * camadas |
| 2361 | - * | 2368 | + * |
| 2362 | * A lista de nomes dos objetos geoXml criados é mantida em | 2369 | * A lista de nomes dos objetos geoXml criados é mantida em |
| 2363 | * i3GEO.mapas.GEOXML | 2370 | * i3GEO.mapas.GEOXML |
| 2364 | - * | 2371 | + * |
| 2365 | * Parametros: | 2372 | * Parametros: |
| 2366 | - * | 2373 | + * |
| 2367 | * pan {Boolean} - define se o mapa será deslocado para encaixar | 2374 | * pan {Boolean} - define se o mapa será deslocado para encaixar |
| 2368 | * o KML | 2375 | * o KML |
| 2369 | - * | 2376 | + * |
| 2370 | * url {String} - URL do arquivo KML. Se não for definido, a URL | 2377 | * url {String} - URL do arquivo KML. Se não for definido, a URL |
| 2371 | * será obtida do INPUT com id = i3geo_urlkml (veja | 2378 | * será obtida do INPUT com id = i3geo_urlkml (veja |
| 2372 | * i3GEO.gadgets.mostraInserirKml) | 2379 | * i3GEO.gadgets.mostraInserirKml) |
| 2373 | - * | 2380 | + * |
| 2374 | * titulo {string} - titulo que aparecerá na árvore. Se | 2381 | * titulo {string} - titulo que aparecerá na árvore. Se |
| 2375 | * não for definido, será calculado aleatoriamente. | 2382 | * não for definido, será calculado aleatoriamente. |
| 2376 | - * | 2383 | + * |
| 2377 | * ativo {boolean} - indica se a camada estará ativa ou | 2384 | * ativo {boolean} - indica se a camada estará ativa ou |
| 2378 | * não. Se não for definido, será considerado como | 2385 | * não. Se não for definido, será considerado como |
| 2379 | * true | 2386 | * true |
| @@ -2424,24 +2431,24 @@ i3GEO.Interface = { | @@ -2424,24 +2431,24 @@ i3GEO.Interface = { | ||
| 2424 | }, | 2431 | }, |
| 2425 | /* | 2432 | /* |
| 2426 | * Function: adicionaNoArvoreGoogle | 2433 | * Function: adicionaNoArvoreGoogle |
| 2427 | - * | 2434 | + * |
| 2428 | * Acrescenta na árvore de camadas um novo tema no nó que | 2435 | * Acrescenta na árvore de camadas um novo tema no nó que |
| 2429 | * mostra os arquivos KML inseridos no mapa | 2436 | * mostra os arquivos KML inseridos no mapa |
| 2430 | - * | 2437 | + * |
| 2431 | * Os temas são incluídos em um nó chamado "Google | 2438 | * Os temas são incluídos em um nó chamado "Google |
| 2432 | * Maps". | 2439 | * Maps". |
| 2433 | - * | 2440 | + * |
| 2434 | * Para obter esse nó utilize var node = | 2441 | * Para obter esse nó utilize var node = |
| 2435 | * i3GEO.arvoreDeCamadas.ARVORE.getNodeByProperty("idkml","raiz"); | 2442 | * i3GEO.arvoreDeCamadas.ARVORE.getNodeByProperty("idkml","raiz"); |
| 2436 | - * | 2443 | + * |
| 2437 | * Parametros: | 2444 | * Parametros: |
| 2438 | - * | 2445 | + * |
| 2439 | * url {string} - url do arquivo KML | 2446 | * url {string} - url do arquivo KML |
| 2440 | - * | 2447 | + * |
| 2441 | * nomeOverlay {string} - título do tema | 2448 | * nomeOverlay {string} - título do tema |
| 2442 | - * | 2449 | + * |
| 2443 | * ativo {boolean} - indica o estado do checkbox | 2450 | * ativo {boolean} - indica o estado do checkbox |
| 2444 | - * | 2451 | + * |
| 2445 | * id {string} - nome do objeto GGeoXml | 2452 | * id {string} - nome do objeto GGeoXml |
| 2446 | */ | 2453 | */ |
| 2447 | adicionaNoArvoreGoogle : function(url, nomeOverlay, ativo, id) { | 2454 | adicionaNoArvoreGoogle : function(url, nomeOverlay, ativo, id) { |
| @@ -2524,13 +2531,13 @@ i3GEO.Interface = { | @@ -2524,13 +2531,13 @@ i3GEO.Interface = { | ||
| 2524 | }, | 2531 | }, |
| 2525 | /* | 2532 | /* |
| 2526 | * Function: ativaDesativaCamadaKml | 2533 | * Function: ativaDesativaCamadaKml |
| 2527 | - * | 2534 | + * |
| 2528 | * Ativa ou desativa uma camada do nó de layers KML | 2535 | * Ativa ou desativa uma camada do nó de layers KML |
| 2529 | - * | 2536 | + * |
| 2530 | * Parametro: | 2537 | * Parametro: |
| 2531 | - * | 2538 | + * |
| 2532 | * obj {object} - objeto do tipo checkbox que foi ativado/desativado | 2539 | * obj {object} - objeto do tipo checkbox que foi ativado/desativado |
| 2533 | - * | 2540 | + * |
| 2534 | * url {string} - url do KML | 2541 | * url {string} - url do KML |
| 2535 | */ | 2542 | */ |
| 2536 | ativaDesativaCamadaKml : function(obj, url) { | 2543 | ativaDesativaCamadaKml : function(obj, url) { |
| @@ -2553,42 +2560,42 @@ i3GEO.Interface = { | @@ -2553,42 +2560,42 @@ i3GEO.Interface = { | ||
| 2553 | }, | 2560 | }, |
| 2554 | /* | 2561 | /* |
| 2555 | * Classe: i3GEO.Interface.googleearth | 2562 | * Classe: i3GEO.Interface.googleearth |
| 2556 | - * | 2563 | + * |
| 2557 | * Interface com motor de navegação baseado na API Google | 2564 | * Interface com motor de navegação baseado na API Google |
| 2558 | * Earth | 2565 | * Earth |
| 2559 | - * | 2566 | + * |
| 2560 | * Utilizado quando | 2567 | * Utilizado quando |
| 2561 | - * | 2568 | + * |
| 2562 | * i3GEO.Interface.ATUAL = "googleearth" | 2569 | * i3GEO.Interface.ATUAL = "googleearth" |
| 2563 | - * | 2570 | + * |
| 2564 | * Cria o objeto i3GeoMap que pode receber os métodos da API do | 2571 | * Cria o objeto i3GeoMap que pode receber os métodos da API do |
| 2565 | * google Earth | 2572 | * google Earth |
| 2566 | */ | 2573 | */ |
| 2567 | googleearth : { | 2574 | googleearth : { |
| 2568 | /* | 2575 | /* |
| 2569 | * Variable: PARAMETROSLAYER | 2576 | * Variable: PARAMETROSLAYER |
| 2570 | - * | 2577 | + * |
| 2571 | * Par�metros adicionais que são inseridos na URL que define cada | 2578 | * Par�metros adicionais que são inseridos na URL que define cada |
| 2572 | * layer | 2579 | * layer |
| 2573 | - * | 2580 | + * |
| 2574 | * Tipo: {string} | 2581 | * Tipo: {string} |
| 2575 | */ | 2582 | */ |
| 2576 | PARAMETROSLAYER : "&TIPOIMAGEM=" + i3GEO.configura.tipoimagem, | 2583 | PARAMETROSLAYER : "&TIPOIMAGEM=" + i3GEO.configura.tipoimagem, |
| 2577 | /* | 2584 | /* |
| 2578 | * String acrescentada � url de cada tile para garantir a | 2585 | * String acrescentada � url de cada tile para garantir a |
| 2579 | * remoção do cache local | 2586 | * remoção do cache local |
| 2580 | - * | 2587 | + * |
| 2581 | * Type: {string} | 2588 | * Type: {string} |
| 2582 | */ | 2589 | */ |
| 2583 | posfixo : "", | 2590 | posfixo : "", |
| 2584 | /* | 2591 | /* |
| 2585 | * Propriedade: GADGETS | 2592 | * Propriedade: GADGETS |
| 2586 | - * | 2593 | + * |
| 2587 | * Lista dos controles específicos da API do Google Earth que | 2594 | * Lista dos controles específicos da API do Google Earth que |
| 2588 | * serão inseridos ou não no mapa | 2595 | * serão inseridos ou não no mapa |
| 2589 | - * | 2596 | + * |
| 2590 | * Tipo: {object} | 2597 | * Tipo: {object} |
| 2591 | - * | 2598 | + * |
| 2592 | * Default: {} | 2599 | * Default: {} |
| 2593 | */ | 2600 | */ |
| 2594 | GADGETS : { | 2601 | GADGETS : { |
| @@ -3060,27 +3067,27 @@ i3GEO.Interface = { | @@ -3060,27 +3067,27 @@ i3GEO.Interface = { | ||
| 3060 | }, | 3067 | }, |
| 3061 | /* | 3068 | /* |
| 3062 | * Function: adicionaKml | 3069 | * Function: adicionaKml |
| 3063 | - * | 3070 | + * |
| 3064 | * Insere no mapa uma camada KML com base na API do Google Earth | 3071 | * Insere no mapa uma camada KML com base na API do Google Earth |
| 3065 | - * | 3072 | + * |
| 3066 | * As camadas adicionadas são crescentadas na árvore de | 3073 | * As camadas adicionadas são crescentadas na árvore de |
| 3067 | * camadas | 3074 | * camadas |
| 3068 | - * | 3075 | + * |
| 3069 | * A lista de nomes dos objetos geoXml criados é mantida em | 3076 | * A lista de nomes dos objetos geoXml criados é mantida em |
| 3070 | * i3GEO.mapas.GEOXML | 3077 | * i3GEO.mapas.GEOXML |
| 3071 | - * | 3078 | + * |
| 3072 | * Parametros: | 3079 | * Parametros: |
| 3073 | - * | 3080 | + * |
| 3074 | * pan {Boolean} - define se o mapa será deslocado para encaixar | 3081 | * pan {Boolean} - define se o mapa será deslocado para encaixar |
| 3075 | * o KML | 3082 | * o KML |
| 3076 | - * | 3083 | + * |
| 3077 | * url {String} - URL do arquivo KML. Se não for definido, a URL | 3084 | * url {String} - URL do arquivo KML. Se não for definido, a URL |
| 3078 | * será obtida do INPUT com id = i3geo_urlkml (veja | 3085 | * será obtida do INPUT com id = i3geo_urlkml (veja |
| 3079 | * i3GEO.gadgets.mostraInserirKml) | 3086 | * i3GEO.gadgets.mostraInserirKml) |
| 3080 | - * | 3087 | + * |
| 3081 | * titulo {string} - titulo que aparecerá na árvore. Se | 3088 | * titulo {string} - titulo que aparecerá na árvore. Se |
| 3082 | * não for definido, será calculado aleatoriamente. | 3089 | * não for definido, será calculado aleatoriamente. |
| 3083 | - * | 3090 | + * |
| 3084 | * ativo {boolean} - indica se a camada estará ativa ou | 3091 | * ativo {boolean} - indica se a camada estará ativa ou |
| 3085 | * não. Se não for definido, será considerado como | 3092 | * não. Se não for definido, será considerado como |
| 3086 | * true | 3093 | * true |
| @@ -3141,24 +3148,24 @@ i3GEO.Interface = { | @@ -3141,24 +3148,24 @@ i3GEO.Interface = { | ||
| 3141 | }, | 3148 | }, |
| 3142 | /* | 3149 | /* |
| 3143 | * Function: adicionaNoArvoreGoogle | 3150 | * Function: adicionaNoArvoreGoogle |
| 3144 | - * | 3151 | + * |
| 3145 | * Acrescenta na árvore de camadas um novo tema no nó que | 3152 | * Acrescenta na árvore de camadas um novo tema no nó que |
| 3146 | * mostra os arquivos KML inseridos no mapa | 3153 | * mostra os arquivos KML inseridos no mapa |
| 3147 | - * | 3154 | + * |
| 3148 | * Os temas são incluídos em um nó chamado "Google | 3155 | * Os temas são incluídos em um nó chamado "Google |
| 3149 | * Earth". | 3156 | * Earth". |
| 3150 | - * | 3157 | + * |
| 3151 | * Para obter esse nó utilize var node = | 3158 | * Para obter esse nó utilize var node = |
| 3152 | * i3GEO.arvoreDeCamadas.ARVORE.getNodeByProperty("idkml","raiz"); | 3159 | * i3GEO.arvoreDeCamadas.ARVORE.getNodeByProperty("idkml","raiz"); |
| 3153 | - * | 3160 | + * |
| 3154 | * Parametros: | 3161 | * Parametros: |
| 3155 | - * | 3162 | + * |
| 3156 | * url {string} - url do arquivo KML | 3163 | * url {string} - url do arquivo KML |
| 3157 | - * | 3164 | + * |
| 3158 | * nomeOverlay {string} - título do tema | 3165 | * nomeOverlay {string} - título do tema |
| 3159 | - * | 3166 | + * |
| 3160 | * ativo {boolean} - indica o estado do checkbox | 3167 | * ativo {boolean} - indica o estado do checkbox |
| 3161 | - * | 3168 | + * |
| 3162 | * id {string} - nome do objeto GGeoXml | 3169 | * id {string} - nome do objeto GGeoXml |
| 3163 | */ | 3170 | */ |
| 3164 | adicionaNoArvoreGoogle : function(url, nomeOverlay, ativo, id) { | 3171 | adicionaNoArvoreGoogle : function(url, nomeOverlay, ativo, id) { |
| @@ -3254,11 +3261,11 @@ i3GEO.Interface = { | @@ -3254,11 +3261,11 @@ i3GEO.Interface = { | ||
| 3254 | }, | 3261 | }, |
| 3255 | /* | 3262 | /* |
| 3256 | * Function: ativaDesativaCamadaKml | 3263 | * Function: ativaDesativaCamadaKml |
| 3257 | - * | 3264 | + * |
| 3258 | * Ativa ou desativa uma camada do nó de layers KML | 3265 | * Ativa ou desativa uma camada do nó de layers KML |
| 3259 | - * | 3266 | + * |
| 3260 | * Parametro: | 3267 | * Parametro: |
| 3261 | - * | 3268 | + * |
| 3262 | * obj {object} - objeto do tipo checkbox que foi ativado/desativado | 3269 | * obj {object} - objeto do tipo checkbox que foi ativado/desativado |
| 3263 | */ | 3270 | */ |
| 3264 | ativaDesativaCamadaKml : function(obj) { | 3271 | ativaDesativaCamadaKml : function(obj) { |
classesjs/classe_plugini3geo.js
| 1 | /** | 1 | /** |
| 2 | * Title: pluginI3geo | 2 | * Title: pluginI3geo |
| 3 | - * | 3 | + * |
| 4 | * i3GEO.pluginI3geo | 4 | * i3GEO.pluginI3geo |
| 5 | - * | 5 | + * |
| 6 | * Implementam os plugins do i3Geo que adicionam camadas especiais ao mapa, | 6 | * Implementam os plugins do i3Geo que adicionam camadas especiais ao mapa, |
| 7 | * normalmente dados vetoriais. | 7 | * normalmente dados vetoriais. |
| 8 | - * | 8 | + * |
| 9 | * Arquivo: | 9 | * Arquivo: |
| 10 | - * | 10 | + * |
| 11 | * i3geo/classesjs/classe_plugini3geo.js | 11 | * i3geo/classesjs/classe_plugini3geo.js |
| 12 | - * | 12 | + * |
| 13 | * Licença: | 13 | * Licença: |
| 14 | - * | 14 | + * |
| 15 | * GPL2 | 15 | * GPL2 |
| 16 | - * | 16 | + * |
| 17 | * i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | 17 | * i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet |
| 18 | - * | 18 | + * |
| 19 | * Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente | 19 | * Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente |
| 20 | * Brasil Desenvolvedor: Edmar Moretti edmar.moretti@gmail.com | 20 | * Brasil Desenvolvedor: Edmar Moretti edmar.moretti@gmail.com |
| 21 | - * | 21 | + * |
| 22 | * Este programa é software livre; você pode redistribuí-lo | 22 | * Este programa é software livre; você pode redistribuí-lo |
| 23 | * e/ou modificá-lo sob os termos da Licença Pública Geral | 23 | * e/ou modificá-lo sob os termos da Licença Pública Geral |
| 24 | * GNU conforme publicada pela Free Software Foundation; | 24 | * GNU conforme publicada pela Free Software Foundation; |
| 25 | - * | 25 | + * |
| 26 | * Este programa é distribuído na expectativa de que seja | 26 | * Este programa é distribuído na expectativa de que seja |
| 27 | * útil, porém, SEM NENHUMA GARANTIA; nem mesmo a garantia | 27 | * útil, porém, SEM NENHUMA GARANTIA; nem mesmo a garantia |
| 28 | * implícita de COMERCIABILIDADE OU ADEQUACÃO A UMA FINALIDADE | 28 | * implícita de COMERCIABILIDADE OU ADEQUACÃO A UMA FINALIDADE |
| @@ -37,108 +37,150 @@ if (typeof (i3GEO) === 'undefined') { | @@ -37,108 +37,150 @@ if (typeof (i3GEO) === 'undefined') { | ||
| 37 | var i3GEO = {}; | 37 | var i3GEO = {}; |
| 38 | } | 38 | } |
| 39 | i3GEO.pluginI3geo = { | 39 | i3GEO.pluginI3geo = { |
| 40 | - /** | ||
| 41 | - * Inicia a execucao de um plugin | ||
| 42 | - * | ||
| 43 | - * Camada e um objeto gerado pelo i3Geo quando uma camada e adicionada ao | ||
| 44 | - * mapa O objeto i3GEO.arvoreDeCamadas.CAMADAS guarda todas as camadas | ||
| 45 | - * adicionadas ao mapa Ao adicionar uma camada pelo catalogo, o i3Geo | ||
| 46 | - * verifica se a camada possui plugin e direciona para ca Os plugins sao | ||
| 47 | - * definidos como metadados em cada mapfile de cada tema | ||
| 48 | - * | ||
| 49 | - * Veja em i3geo/classesphp/classe_mapa.php funcao parametrostemas | ||
| 50 | - */ | ||
| 51 | - inicia : function(camada) { | ||
| 52 | - i3GEO.janela.AGUARDEMODAL = true; | ||
| 53 | - i3GEO.janela.abreAguarde("aguardePlugin","Calculando..."); | ||
| 54 | - i3GEO.janela.AGUARDEMODAL = false; | ||
| 55 | - // chama a funcao conforme o tipo de plugin e a interface atual | ||
| 56 | - // para cada plugin deve haver um objeto com as funcoes especificas para | ||
| 57 | - // cada interface | ||
| 58 | - i3GEO.pluginI3geo[camada.plugini3geo.plugin][i3GEO.Interface.ATUAL] | ||
| 59 | - .call(null, camada); | ||
| 60 | - }, | ||
| 61 | - /** | ||
| 62 | - * Function: heatmap | ||
| 63 | - * | ||
| 64 | - * Mapa de calor | ||
| 65 | - * | ||
| 66 | - * Gera um layer do tipo mapa de calor e adiciona ao mapa | ||
| 67 | - * | ||
| 68 | - * As dependências em javascript sao carregadas via script tag por | ||
| 69 | - * meio de ferramentas/heatmap/openlayers_js.php | ||
| 70 | - * | ||
| 71 | - * Esse programa também obtém os dados necessários ao | ||
| 72 | - * plugin | ||
| 73 | - * | ||
| 74 | - * O layer existente no mapfile deve conter um metadata chamado PLUGINI3GEO | ||
| 75 | - * | ||
| 76 | - * Esse matadado deve conter uma string que será transformada em um | ||
| 77 | - * objeto javascript para uso no plugin | ||
| 78 | - * | ||
| 79 | - * Exemplo: | ||
| 80 | - * | ||
| 81 | - * "PLUGINI3GEO" '{"plugin":"heatmap","parametros":{"coluna":"teste"}}' | ||
| 82 | - * | ||
| 83 | - * Coluna é a que contém os dados numéricos que definem | ||
| 84 | - * a quantidade de uma medida em cada ponto e é usada para gerar a | ||
| 85 | - * representação. Se for vazia, considera-se o valor como 1 | ||
| 86 | - * | ||
| 87 | - * As cores das classes existentes no LAYER serão utilizadas para | ||
| 88 | - * calcular as cores do mapa de calor. Se não existirem classes, | ||
| 89 | - * será usado o default. | ||
| 90 | - * | ||
| 91 | - */ | ||
| 92 | - heatmap : { | ||
| 93 | - openlayers : function(camada) { | ||
| 94 | - var p = i3GEO.configura.locaplic | ||
| 95 | - + "/ferramentas/heatmap/openlayers_js.php", carregaJs = "nao", crialayer; | ||
| 96 | - criaLayer = function() { | ||
| 97 | - var heatmap, g, datalen = heatmap_dados.length, features = []; | ||
| 98 | - if (i3GEO.Interface.openlayers.googleLike === true) { | ||
| 99 | - var sphericalMercatorProj = new OpenLayers.Projection( | ||
| 100 | - 'EPSG:900913'), geographicProj = new OpenLayers.Projection( | ||
| 101 | - 'EPSG:4326'); | 40 | + /** |
| 41 | + * Inicia a execucao de um plugin | ||
| 42 | + * | ||
| 43 | + * Camada e um objeto gerado pelo i3Geo quando uma camada e adicionada | ||
| 44 | + * ao mapa O objeto i3GEO.arvoreDeCamadas.CAMADAS guarda todas as | ||
| 45 | + * camadas adicionadas ao mapa Ao adicionar uma camada pelo catalogo, o | ||
| 46 | + * i3Geo verifica se a camada possui plugin e direciona para ca Os | ||
| 47 | + * plugins sao definidos como metadados em cada mapfile de cada tema | ||
| 48 | + * | ||
| 49 | + * Veja em i3geo/classesphp/classe_mapa.php funcao parametrostemas | ||
| 50 | + */ | ||
| 51 | + inicia : function(camada) { | ||
| 52 | + i3GEO.janela.AGUARDEMODAL = true; | ||
| 53 | + i3GEO.janela.abreAguarde("aguardePlugin","Calculando..."); | ||
| 54 | + i3GEO.janela.AGUARDEMODAL = false; | ||
| 55 | + // chama a funcao conforme o tipo de plugin e a interface atual | ||
| 56 | + // para cada plugin deve haver um objeto com as funcoes especificas | ||
| 57 | + // para | ||
| 58 | + // cada interface | ||
| 59 | + i3GEO.pluginI3geo[camada.plugini3geo.plugin][i3GEO.Interface.ATUAL] | ||
| 60 | + .call(null, camada); | ||
| 61 | + }, | ||
| 62 | + /** | ||
| 63 | + * Function: heatmap | ||
| 64 | + * | ||
| 65 | + * Mapa de calor | ||
| 66 | + * | ||
| 67 | + * Gera um layer do tipo mapa de calor e adiciona ao mapa | ||
| 68 | + * | ||
| 69 | + * As dependências em javascript sao carregadas via script tag por | ||
| 70 | + * meio de ferramentas/heatmap/openlayers_js.php | ||
| 71 | + * | ||
| 72 | + * Esse programa também obtém os dados necessários | ||
| 73 | + * ao plugin | ||
| 74 | + * | ||
| 75 | + * O layer existente no mapfile deve conter um metadata chamado | ||
| 76 | + * PLUGINI3GEO | ||
| 77 | + * | ||
| 78 | + * Esse matadado deve conter uma string que será transformada em | ||
| 79 | + * um objeto javascript para uso no plugin | ||
| 80 | + * | ||
| 81 | + * Exemplo: | ||
| 82 | + * | ||
| 83 | + * "PLUGINI3GEO" '{"plugin":"heatmap","parametros":{"coluna":"teste"}}' | ||
| 84 | + * | ||
| 85 | + * Coluna é a que contém os dados numéricos que | ||
| 86 | + * definem a quantidade de uma medida em cada ponto e é usada | ||
| 87 | + * para gerar a representação. Se for vazia, considera-se | ||
| 88 | + * o valor como 1 | ||
| 89 | + * | ||
| 90 | + * As cores das classes existentes no LAYER serão utilizadas para | ||
| 91 | + * calcular as cores do mapa de calor. Se não existirem classes, | ||
| 92 | + * será usado o default. | ||
| 93 | + * | ||
| 94 | + */ | ||
| 95 | + heatmap : { | ||
| 96 | + googlemaps: function(camada){ | ||
| 97 | + var p = i3GEO.configura.locaplic | ||
| 98 | + + "/ferramentas/heatmap/googlemaps_js.php", carregaJs = "nao", crialayer; | ||
| 99 | + criaLayer = function() { | ||
| 100 | + var heatmap,pontos; | ||
| 101 | + heatmap = new HeatmapOverlay(i3GeoMap, { | ||
| 102 | + "radius":15, | ||
| 103 | + "visible":true, | ||
| 104 | + "opacity":60, | ||
| 105 | + "gradient": { 0.45: "rgb(0,0,255)", 0.55: "rgb(0,255,255)", 0.65: "rgb(0,255,0)", 0.95: "yellow", 1.0: "rgb(255,0,0)" }, | ||
| 106 | + "legend": { | ||
| 107 | + "title": camada.tema, | ||
| 108 | + "position": "bl", | ||
| 109 | + "offset": [5,50] | ||
| 110 | + } | ||
| 111 | + }); | ||
| 112 | + pontos={ | ||
| 113 | + max: 10, | ||
| 114 | + data: heatmap_dados | ||
| 115 | + }; | ||
| 116 | + i3GEO.janela.fechaAguarde("aguardePlugin"); | ||
| 117 | + heatmap.setDataSet(pontos); | ||
| 118 | + heatmap_dados = null; | ||
| 119 | + //i3GeoMap.setZoom(i3GeoMap.getZoom()); | ||
| 120 | + }; | ||
| 121 | + if (typeof (HeatmapOverlay) === 'undefined') { | ||
| 122 | + carregaJs = "sim"; | ||
| 102 | } | 123 | } |
| 103 | - while (datalen--) { | ||
| 104 | - g = new OpenLayers.Geometry.Point(parseInt( | ||
| 105 | - heatmap_dados[datalen].lng, 10), parseInt( | ||
| 106 | - heatmap_dados[datalen].lat, 10)); | ||
| 107 | - if(geographicProj){ | ||
| 108 | - g.transform(geographicProj, sphericalMercatorProj); | 124 | + p += "?carregajs=" + carregaJs + "&layer=" + camada.name |
| 125 | + + "&coluna=" + camada.plugini3geo.parametros.coluna | ||
| 126 | + + "&g_sid=" + i3GEO.configura.sid | ||
| 127 | + + "&nomevariavel=heatmap_dados"; | ||
| 128 | + i3GEO.util.scriptTag(p, criaLayer, | ||
| 129 | + "i3GEO.pluginI3geo.heatmap_script"); | ||
| 130 | + }, | ||
| 131 | + openlayers : function(camada) { | ||
| 132 | + var p = i3GEO.configura.locaplic | ||
| 133 | + + "/ferramentas/heatmap/openlayers_js.php", carregaJs = "nao", crialayer; | ||
| 134 | + criaLayer = function() { | ||
| 135 | + var heatmap, transformedTestData = { max: 10 , data: [] }, | ||
| 136 | + data = heatmap_dados, | ||
| 137 | + datalen = heatmap_dados.length, | ||
| 138 | + nudata = []; | ||
| 139 | + // in order to use the OpenLayers Heatmap Layer we have to transform our data into | ||
| 140 | + // { max: <max>, data: [{lonlat: <OpenLayers.LonLat>, count: <count>},...]} | ||
| 141 | + while(datalen--){ | ||
| 142 | + nudata.push({ | ||
| 143 | + lonlat: new OpenLayers.LonLat(data[datalen].lng, heatmap_dados[datalen].lat), | ||
| 144 | + count: heatmap_dados[datalen].count | ||
| 145 | + }); | ||
| 109 | } | 146 | } |
| 110 | - features.push(new OpenLayers.Feature.Vector(g, { | ||
| 111 | - count : parseInt(heatmap_dados[datalen].count, 10) | ||
| 112 | - })); | ||
| 113 | - } | 147 | + transformedTestData.data = nudata; |
| 148 | + // create our heatmap layer | ||
| 149 | + heatmap = new OpenLayers.Layer.Heatmap( | ||
| 150 | + camada.name, | ||
| 151 | + i3geoOL, | ||
| 152 | + i3geoOL.baseLayer, | ||
| 153 | + { | ||
| 154 | + visible: true, | ||
| 155 | + radius:10, | ||
| 156 | + "gradient": { 0.45: "rgb(0,0,255)", 0.55: "rgb(0,255,255)", 0.65: "rgb(0,255,0)", 0.95: "yellow", 1.0: "rgb(255,0,0)" }, | ||
| 157 | + "legend": { | ||
| 158 | + "title": camada.tema, | ||
| 159 | + "position": "bl", | ||
| 160 | + "offset": [5,50] | ||
| 161 | + } | ||
| 162 | + }, | ||
| 163 | + { | ||
| 164 | + isBaseLayer: false, | ||
| 165 | + opacity: 0.3, | ||
| 166 | + projection: new OpenLayers.Projection("EPSG:4326") | ||
| 167 | + } | ||
| 168 | + ); | ||
| 169 | + i3geoOL.addLayer(heatmap); | ||
| 170 | + heatmap.setDataSet(transformedTestData); | ||
| 114 | 171 | ||
| 115 | - // create our vectorial layer using heatmap renderer | ||
| 116 | - heatmap = new OpenLayers.Layer.Vector(camada.name, { | ||
| 117 | - opacity : 0.3, | ||
| 118 | - renderers : [ 'Heatmap' ], | ||
| 119 | - rendererOptions : { | ||
| 120 | - weight : 'count', | ||
| 121 | - heatmapConfig : { | ||
| 122 | - radius : 10 | ||
| 123 | - } | ||
| 124 | - } | ||
| 125 | - }); | ||
| 126 | - heatmap.addFeatures(features); | ||
| 127 | - i3geoOL.addLayer(heatmap); | ||
| 128 | - heatmap_dados = null; | ||
| 129 | - i3GEO.janela.fechaAguarde("aguardePlugin"); | ||
| 130 | - }; | ||
| 131 | - if (typeof (HeatmapOverlay) === 'undefined') { | ||
| 132 | - carregaJs = "sim"; | 172 | + heatmap_dados = null; |
| 173 | + i3GEO.janela.fechaAguarde("aguardePlugin"); | ||
| 174 | + }; | ||
| 175 | + if (typeof (HeatmapOverlay) === 'undefined') { | ||
| 176 | + carregaJs = "sim"; | ||
| 177 | + } | ||
| 178 | + p += "?carregajs=" + carregaJs + "&layer=" + camada.name | ||
| 179 | + + "&coluna=" + camada.plugini3geo.parametros.coluna | ||
| 180 | + + "&g_sid=" + i3GEO.configura.sid | ||
| 181 | + + "&nomevariavel=heatmap_dados"; | ||
| 182 | + i3GEO.util.scriptTag(p, criaLayer, | ||
| 183 | + "i3GEO.pluginI3geo.heatmap_script"); | ||
| 133 | } | 184 | } |
| 134 | - p += "?carregajs=" + carregaJs + "&layer=" + camada.name | ||
| 135 | - + "&coluna=" + camada.plugini3geo.parametros.coluna | ||
| 136 | - + "&g_sid=" + i3GEO.configura.sid | ||
| 137 | - + "&nomevariavel=heatmap_dados"; | ||
| 138 | - | ||
| 139 | - i3GEO.util.scriptTag(p, criaLayer, | ||
| 140 | - "i3GEO.pluginI3geo.heatmap_script"); | ||
| 141 | - | ||
| 142 | } | 185 | } |
| 143 | - } | ||
| 144 | } | 186 | } |
| 145 | \ No newline at end of file | 187 | \ No newline at end of file |
classesphp/classe_atributos.php
| @@ -564,17 +564,17 @@ class Atributos | @@ -564,17 +564,17 @@ class Atributos | ||
| 564 | } | 564 | } |
| 565 | /* | 565 | /* |
| 566 | function: listaRegistrosXY | 566 | function: listaRegistrosXY |
| 567 | - | 567 | + |
| 568 | Pega o XY de cada registro e valores de itens especificos | 568 | Pega o XY de cada registro e valores de itens especificos |
| 569 | - | 569 | + |
| 570 | parameters: | 570 | parameters: |
| 571 | - | 571 | + |
| 572 | $items - lista de itens separado por "," | 572 | $items - lista de itens separado por "," |
| 573 | - | 573 | + |
| 574 | $tipo - Tipo de abrangência espacial (brasil ou mapa). | 574 | $tipo - Tipo de abrangência espacial (brasil ou mapa). |
| 575 | - | 575 | + |
| 576 | $tipolista - Indica se serão mostrados todos os registros ou apenas os selecionados (tudo|selecionados) | 576 | $tipolista - Indica se serão mostrados todos os registros ou apenas os selecionados (tudo|selecionados) |
| 577 | - | 577 | + |
| 578 | */ | 578 | */ |
| 579 | function listaRegistrosXY($items,$tipo,$tipolista) | 579 | function listaRegistrosXY($items,$tipo,$tipolista) |
| 580 | { | 580 | { |
ferramentas/heatmap/openlayers_js.php
| @@ -47,7 +47,8 @@ if (!connection_aborted()){ | @@ -47,7 +47,8 @@ if (!connection_aborted()){ | ||
| 47 | echo $nomevariavel.' = ['.implode(",",$resultado).'];'; | 47 | echo $nomevariavel.' = ['.implode(",",$resultado).'];'; |
| 48 | if($carregajs === "sim"){ | 48 | if($carregajs === "sim"){ |
| 49 | include_once($dir."/../../pacotes/heatmap/src/heatmap.js"); | 49 | include_once($dir."/../../pacotes/heatmap/src/heatmap.js"); |
| 50 | - include_once($dir."/../../pacotes/heatmap/src/heatmap-openlayers-renderer.js"); | 50 | + //include_once($dir."/../../pacotes/heatmap/src/heatmap-openlayers-renderer.js"); |
| 51 | + include_once($dir."/../../pacotes/heatmap/src/heatmap-openlayers.js"); | ||
| 51 | } | 52 | } |
| 52 | 53 | ||
| 53 | ?> | 54 | ?> |
| 54 | \ No newline at end of file | 55 | \ No newline at end of file |
pacotes/heatmap/src/heatmap-gmaps.js
| 1 | -/* | 1 | +/* |
| 2 | * heatmap.js GMaps overlay | 2 | * heatmap.js GMaps overlay |
| 3 | * | 3 | * |
| 4 | * Copyright (c) 2011, Patrick Wied (http://www.patrick-wied.at) | 4 | * Copyright (c) 2011, Patrick Wied (http://www.patrick-wied.at) |
| 5 | * Dual-licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) | 5 | * Dual-licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) |
| 6 | * and the Beerware (http://en.wikipedia.org/wiki/Beerware) license. | 6 | * and the Beerware (http://en.wikipedia.org/wiki/Beerware) license. |
| 7 | - */ | ||
| 8 | - | 7 | + */ |
| 8 | + | ||
| 9 | +//cria um layer idiota para poder calcular a projecao | ||
| 10 | +//http://stackoverflow.com/questions/1538681/how-to-call-fromlatlngtodivpixel-in-google-maps-api-v3 | ||
| 11 | +heatmapFooOverlay.prototype = new google.maps.OverlayView(); | ||
| 12 | +heatmapFooOverlay.prototype.onAdd = function() { } | ||
| 13 | +heatmapFooOverlay.prototype.onRemove = function() { } | ||
| 14 | +heatmapFooOverlay.prototype.draw = function() { } | ||
| 15 | +function heatmapFooOverlay() { this.setMap(i3GeoMap); } | ||
| 16 | +var heatmapBarOverlay = new heatmapFooOverlay(); | ||
| 17 | + | ||
| 18 | + | ||
| 9 | function HeatmapOverlay(map, cfg){ | 19 | function HeatmapOverlay(map, cfg){ |
| 10 | var me = this; | 20 | var me = this; |
| 11 | 21 | ||
| @@ -14,21 +24,20 @@ function HeatmapOverlay(map, cfg){ | @@ -14,21 +24,20 @@ function HeatmapOverlay(map, cfg){ | ||
| 14 | me.latlngs = []; | 24 | me.latlngs = []; |
| 15 | me.bounds = null; | 25 | me.bounds = null; |
| 16 | me.setMap(map); | 26 | me.setMap(map); |
| 17 | - | ||
| 18 | - google.maps.event.addListener(map, 'dragend', function() { me.draw() }); | 27 | + google.maps.event.addListener(map, 'bounds_changed', function() { me.draw() }); |
| 19 | } | 28 | } |
| 20 | 29 | ||
| 21 | HeatmapOverlay.prototype = new google.maps.OverlayView(); | 30 | HeatmapOverlay.prototype = new google.maps.OverlayView(); |
| 22 | 31 | ||
| 23 | HeatmapOverlay.prototype.onAdd = function(){ | 32 | HeatmapOverlay.prototype.onAdd = function(){ |
| 24 | - | 33 | + |
| 25 | var panes = this.getPanes(), | 34 | var panes = this.getPanes(), |
| 26 | w = this.getMap().getDiv().clientWidth, | 35 | w = this.getMap().getDiv().clientWidth, |
| 27 | - h = this.getMap().getDiv().clientHeight, | 36 | + h = this.getMap().getDiv().clientHeight, |
| 28 | el = document.createElement("div"); | 37 | el = document.createElement("div"); |
| 29 | - | 38 | + |
| 30 | el.style.cssText = "position:absolute;top:0;left:0;width:"+w+"px;height:"+h+"px;"; | 39 | el.style.cssText = "position:absolute;top:0;left:0;width:"+w+"px;height:"+h+"px;"; |
| 31 | - | 40 | + |
| 32 | this.conf.element = el; | 41 | this.conf.element = el; |
| 33 | panes.overlayLayer.appendChild(el); | 42 | panes.overlayLayer.appendChild(el); |
| 34 | 43 | ||
| @@ -40,16 +49,16 @@ HeatmapOverlay.prototype.onRemove = function(){ | @@ -40,16 +49,16 @@ HeatmapOverlay.prototype.onRemove = function(){ | ||
| 40 | } | 49 | } |
| 41 | 50 | ||
| 42 | HeatmapOverlay.prototype.draw = function(){ | 51 | HeatmapOverlay.prototype.draw = function(){ |
| 43 | - | 52 | + |
| 44 | var me = this, | 53 | var me = this, |
| 45 | - overlayProjection = me.getProjection(), | 54 | + overlayProjection = heatmapBarOverlay.getProjection(), //me.getProjection(), |
| 46 | currentBounds = me.map.getBounds(); | 55 | currentBounds = me.map.getBounds(); |
| 47 | - | 56 | + |
| 48 | if (currentBounds.equals(me.bounds)) { | 57 | if (currentBounds.equals(me.bounds)) { |
| 49 | return; | 58 | return; |
| 50 | } | 59 | } |
| 51 | me.bounds = currentBounds; | 60 | me.bounds = currentBounds; |
| 52 | - | 61 | + |
| 53 | var ne = overlayProjection.fromLatLngToDivPixel(currentBounds.getNorthEast()), | 62 | var ne = overlayProjection.fromLatLngToDivPixel(currentBounds.getNorthEast()), |
| 54 | sw = overlayProjection.fromLatLngToDivPixel(currentBounds.getSouthWest()), | 63 | sw = overlayProjection.fromLatLngToDivPixel(currentBounds.getSouthWest()), |
| 55 | topY = ne.y, | 64 | topY = ne.y, |
| @@ -62,12 +71,12 @@ HeatmapOverlay.prototype.draw = function(){ | @@ -62,12 +71,12 @@ HeatmapOverlay.prototype.draw = function(){ | ||
| 62 | me.conf.element.style.width = w + 'px'; | 71 | me.conf.element.style.width = w + 'px'; |
| 63 | me.conf.element.style.height = h + 'px'; | 72 | me.conf.element.style.height = h + 'px'; |
| 64 | me.heatmap.store.get("heatmap").resize(); | 73 | me.heatmap.store.get("heatmap").resize(); |
| 65 | - | 74 | + |
| 66 | if(this.latlngs.length > 0){ | 75 | if(this.latlngs.length > 0){ |
| 67 | this.heatmap.clear(); | 76 | this.heatmap.clear(); |
| 68 | - | 77 | + |
| 69 | var len = this.latlngs.length, | 78 | var len = this.latlngs.length, |
| 70 | - projection = this.getProjection(); | 79 | + projection = heatmapBarOverlay.getProjection(); //this.getProjection(); |
| 71 | d = { | 80 | d = { |
| 72 | max: this.heatmap.store.max, | 81 | max: this.heatmap.store.max, |
| 73 | data: [] | 82 | data: [] |
| @@ -76,7 +85,7 @@ HeatmapOverlay.prototype.draw = function(){ | @@ -76,7 +85,7 @@ HeatmapOverlay.prototype.draw = function(){ | ||
| 76 | while(len--){ | 85 | while(len--){ |
| 77 | var latlng = this.latlngs[len].latlng; | 86 | var latlng = this.latlngs[len].latlng; |
| 78 | if(!currentBounds.contains(latlng)) { continue; } | 87 | if(!currentBounds.contains(latlng)) { continue; } |
| 79 | - | 88 | + |
| 80 | // DivPixel is pixel in overlay pixel coordinates... we need | 89 | // DivPixel is pixel in overlay pixel coordinates... we need |
| 81 | // to transform to screen coordinates so it'll match the canvas | 90 | // to transform to screen coordinates so it'll match the canvas |
| 82 | // which is continually repositioned to follow the screen. | 91 | // which is continually repositioned to follow the screen. |
| @@ -84,8 +93,8 @@ HeatmapOverlay.prototype.draw = function(){ | @@ -84,8 +93,8 @@ HeatmapOverlay.prototype.draw = function(){ | ||
| 84 | screenPixel = new google.maps.Point(divPixel.x - leftX, divPixel.y - topY); | 93 | screenPixel = new google.maps.Point(divPixel.x - leftX, divPixel.y - topY); |
| 85 | 94 | ||
| 86 | var roundedPoint = this.pixelTransform(screenPixel); | 95 | var roundedPoint = this.pixelTransform(screenPixel); |
| 87 | - | ||
| 88 | - d.data.push({ | 96 | + |
| 97 | + d.data.push({ | ||
| 89 | x: roundedPoint.x, | 98 | x: roundedPoint.x, |
| 90 | y: roundedPoint.y, | 99 | y: roundedPoint.y, |
| 91 | count: this.latlngs[len].c | 100 | count: this.latlngs[len].c |
| @@ -96,17 +105,17 @@ HeatmapOverlay.prototype.draw = function(){ | @@ -96,17 +105,17 @@ HeatmapOverlay.prototype.draw = function(){ | ||
| 96 | } | 105 | } |
| 97 | 106 | ||
| 98 | HeatmapOverlay.prototype.pixelTransform = function(p){ | 107 | HeatmapOverlay.prototype.pixelTransform = function(p){ |
| 99 | - var w = this.heatmap.get("width"), | ||
| 100 | - h = this.heatmap.get("height"); | 108 | + var w = i3GEO.parametros.w,//this.heatmap.get("width"), |
| 109 | + h = i3GEO.parametros.h; //this.heatmap.get("height"); | ||
| 101 | 110 | ||
| 102 | while(p.x < 0){ | 111 | while(p.x < 0){ |
| 103 | p.x+=w; | 112 | p.x+=w; |
| 104 | } | 113 | } |
| 105 | - | 114 | + |
| 106 | while(p.x > w){ | 115 | while(p.x > w){ |
| 107 | p.x-=w; | 116 | p.x-=w; |
| 108 | } | 117 | } |
| 109 | - | 118 | + |
| 110 | while(p.y < 0){ | 119 | while(p.y < 0){ |
| 111 | p.y+=h; | 120 | p.y+=h; |
| 112 | } | 121 | } |
| @@ -117,7 +126,7 @@ HeatmapOverlay.prototype.pixelTransform = function(p){ | @@ -117,7 +126,7 @@ HeatmapOverlay.prototype.pixelTransform = function(p){ | ||
| 117 | 126 | ||
| 118 | p.x = (p.x >> 0); | 127 | p.x = (p.x >> 0); |
| 119 | p.y = (p.y >> 0); | 128 | p.y = (p.y >> 0); |
| 120 | - | 129 | + |
| 121 | return p; | 130 | return p; |
| 122 | } | 131 | } |
| 123 | 132 | ||
| @@ -131,32 +140,34 @@ HeatmapOverlay.prototype.setDataSet = function(data){ | @@ -131,32 +140,34 @@ HeatmapOverlay.prototype.setDataSet = function(data){ | ||
| 131 | }, | 140 | }, |
| 132 | d = data.data, | 141 | d = data.data, |
| 133 | dlen = d.length, | 142 | dlen = d.length, |
| 134 | - projection = me.getProjection(), | 143 | + projection = heatmapBarOverlay.getProjection(),//me.getProjection(), |
| 135 | latlng, point; | 144 | latlng, point; |
| 136 | 145 | ||
| 137 | me.latlngs = []; | 146 | me.latlngs = []; |
| 138 | - | ||
| 139 | - while(dlen--){ | 147 | + |
| 148 | + while(dlen--){ | ||
| 140 | latlng = new google.maps.LatLng(d[dlen].lat, d[dlen].lng); | 149 | latlng = new google.maps.LatLng(d[dlen].lat, d[dlen].lng); |
| 141 | - | ||
| 142 | - if(!currentBounds.contains(latlng)) { | ||
| 143 | - continue; | 150 | + |
| 151 | + if(!currentBounds.contains(latlng)) { | ||
| 152 | + continue; | ||
| 144 | } | 153 | } |
| 145 | 154 | ||
| 146 | me.latlngs.push({latlng: latlng, c: d[dlen].count}); | 155 | me.latlngs.push({latlng: latlng, c: d[dlen].count}); |
| 147 | point = me.pixelTransform(projection.fromLatLngToDivPixel(latlng)); | 156 | point = me.pixelTransform(projection.fromLatLngToDivPixel(latlng)); |
| 148 | mapdata.data.push({x: point.x, y: point.y, count: d[dlen].count}); | 157 | mapdata.data.push({x: point.x, y: point.y, count: d[dlen].count}); |
| 149 | } | 158 | } |
| 150 | - me.heatmap.clear(); | ||
| 151 | - me.heatmap.store.setDataSet(mapdata); | 159 | + if(me.heatmap){ |
| 160 | + me.heatmap.clear(); | ||
| 161 | + me.heatmap.store.setDataSet(mapdata); | ||
| 162 | + } | ||
| 152 | } | 163 | } |
| 153 | 164 | ||
| 154 | HeatmapOverlay.prototype.addDataPoint = function(lat, lng, count){ | 165 | HeatmapOverlay.prototype.addDataPoint = function(lat, lng, count){ |
| 155 | 166 | ||
| 156 | - var projection = this.getProjection(), | 167 | + var projection = heatmapBarOverlay.getProjection(),//this.getProjection(), |
| 157 | latlng = new google.maps.LatLng(lat, lng), | 168 | latlng = new google.maps.LatLng(lat, lng), |
| 158 | point = this.pixelTransform(projection.fromLatLngToDivPixel(latlng)); | 169 | point = this.pixelTransform(projection.fromLatLngToDivPixel(latlng)); |
| 159 | - | 170 | + |
| 160 | this.heatmap.store.addDataPoint(point.x, point.y, count); | 171 | this.heatmap.store.addDataPoint(point.x, point.y, count); |
| 161 | this.latlngs.push({ latlng: latlng, c: count }); | 172 | this.latlngs.push({ latlng: latlng, c: count }); |
| 162 | } | 173 | } |
pacotes/heatmap/src/heatmap.js
| @@ -53,7 +53,7 @@ | @@ -53,7 +53,7 @@ | ||
| 53 | 53 | ||
| 54 | // if count parameter is set increment by count otherwise by 1 | 54 | // if count parameter is set increment by count otherwise by 1 |
| 55 | data[x][y]+=(arguments.length<3)?1:arguments[2]; | 55 | data[x][y]+=(arguments.length<3)?1:arguments[2]; |
| 56 | - | 56 | + |
| 57 | me.set("data", data); | 57 | me.set("data", data); |
| 58 | // do we have a new maximum? | 58 | // do we have a new maximum? |
| 59 | if(me.max < data[x][y]){ | 59 | if(me.max < data[x][y]){ |
| @@ -75,7 +75,7 @@ | @@ -75,7 +75,7 @@ | ||
| 75 | this.max = obj.max; | 75 | this.max = obj.max; |
| 76 | // if a legend is set, update it | 76 | // if a legend is set, update it |
| 77 | heatmap.get("legend") && heatmap.get("legend").update(obj.max); | 77 | heatmap.get("legend") && heatmap.get("legend").update(obj.max); |
| 78 | - | 78 | + |
| 79 | if(internal != null && internal){ | 79 | if(internal != null && internal){ |
| 80 | for(var one in d){ | 80 | for(var one in d){ |
| 81 | // jump over undefined indexes | 81 | // jump over undefined indexes |
| @@ -85,7 +85,7 @@ | @@ -85,7 +85,7 @@ | ||
| 85 | if(two === undefined) | 85 | if(two === undefined) |
| 86 | continue; | 86 | continue; |
| 87 | // if both indexes are defined, push the values into the array | 87 | // if both indexes are defined, push the values into the array |
| 88 | - heatmap.drawAlpha(one, two, d[one][two], false); | 88 | + heatmap.drawAlpha(one, two, d[one][two], false); |
| 89 | } | 89 | } |
| 90 | } | 90 | } |
| 91 | }else{ | 91 | }else{ |
| @@ -162,28 +162,28 @@ | @@ -162,28 +162,28 @@ | ||
| 162 | config = me.config, | 162 | config = me.config, |
| 163 | title = config.title || "Legend", | 163 | title = config.title || "Legend", |
| 164 | position = config.position, | 164 | position = config.position, |
| 165 | - offset = config.offset || 10, | 165 | + offset = config.offset || [10,10], |
| 166 | gconfig = config.gradient, | 166 | gconfig = config.gradient, |
| 167 | labelsEl = document.createElement("ul"), | 167 | labelsEl = document.createElement("ul"), |
| 168 | labelsHtml = "", | 168 | labelsHtml = "", |
| 169 | grad, element, gradient, positionCss = ""; | 169 | grad, element, gradient, positionCss = ""; |
| 170 | - | 170 | + |
| 171 | me.processGradientObject(); | 171 | me.processGradientObject(); |
| 172 | - | 172 | + |
| 173 | // Positioning | 173 | // Positioning |
| 174 | 174 | ||
| 175 | // top or bottom | 175 | // top or bottom |
| 176 | if(position.indexOf('t') > -1){ | 176 | if(position.indexOf('t') > -1){ |
| 177 | - positionCss += 'top:'+offset+'px;'; | 177 | + positionCss += 'top:'+offset[1]+'px;'; |
| 178 | }else{ | 178 | }else{ |
| 179 | - positionCss += 'bottom:'+offset+'px;'; | 179 | + positionCss += 'bottom:'+offset[1]+'px;'; |
| 180 | } | 180 | } |
| 181 | 181 | ||
| 182 | // left or right | 182 | // left or right |
| 183 | if(position.indexOf('l') > -1){ | 183 | if(position.indexOf('l') > -1){ |
| 184 | - positionCss += 'left:'+offset+'px;'; | 184 | + positionCss += 'left:'+offset[0]+'px;'; |
| 185 | }else{ | 185 | }else{ |
| 186 | - positionCss += 'right:'+offset+'px;'; | 186 | + positionCss += 'right:'+offset[0]+'px;'; |
| 187 | } | 187 | } |
| 188 | 188 | ||
| 189 | element = document.createElement("div"); | 189 | element = document.createElement("div"); |
| @@ -191,7 +191,7 @@ | @@ -191,7 +191,7 @@ | ||
| 191 | element.innerHTML = "<h3 style='padding:0;margin:0;text-align:center;font-size:16px;'>"+title+"</h3>"; | 191 | element.innerHTML = "<h3 style='padding:0;margin:0;text-align:center;font-size:16px;'>"+title+"</h3>"; |
| 192 | // create gradient in canvas | 192 | // create gradient in canvas |
| 193 | labelsEl.style.cssText = "position:relative;font-size:12px;display:block;list-style:none;list-style-type:none;margin:0;height:15px;"; | 193 | labelsEl.style.cssText = "position:relative;font-size:12px;display:block;list-style:none;list-style-type:none;margin:0;height:15px;"; |
| 194 | - | 194 | + |
| 195 | 195 | ||
| 196 | // create gradient element | 196 | // create gradient element |
| 197 | gradient = document.createElement("div"); | 197 | gradient = document.createElement("div"); |
| @@ -199,7 +199,7 @@ | @@ -199,7 +199,7 @@ | ||
| 199 | 199 | ||
| 200 | element.appendChild(labelsEl); | 200 | element.appendChild(labelsEl); |
| 201 | element.appendChild(gradient); | 201 | element.appendChild(gradient); |
| 202 | - | 202 | + |
| 203 | me.set("element", element); | 203 | me.set("element", element); |
| 204 | me.set("labelsEl", labelsEl); | 204 | me.set("labelsEl", labelsEl); |
| 205 | 205 | ||
| @@ -244,7 +244,7 @@ | @@ -244,7 +244,7 @@ | ||
| 244 | ctx.fillRect(0,5,256,10); | 244 | ctx.fillRect(0,5,256,10); |
| 245 | ctx.strokeStyle = "black"; | 245 | ctx.strokeStyle = "black"; |
| 246 | ctx.beginPath(); | 246 | ctx.beginPath(); |
| 247 | - | 247 | + |
| 248 | for(var i = 0; i < length; i++){ | 248 | for(var i = 0; i < length; i++){ |
| 249 | ctx.moveTo(((1/(length-1)*i*256) >> 0)+.5, 0); | 249 | ctx.moveTo(((1/(length-1)*i*256) >> 0)+.5, 0); |
| 250 | ctx.lineTo(((1/(length-1)*i*256) >> 0)+.5, (i==0)?15:5); | 250 | ctx.lineTo(((1/(length-1)*i*256) >> 0)+.5, (i==0)?15:5); |
| @@ -253,7 +253,7 @@ | @@ -253,7 +253,7 @@ | ||
| 253 | ctx.lineTo(255.5, 15); | 253 | ctx.lineTo(255.5, 15); |
| 254 | ctx.moveTo(255.5, 4.5); | 254 | ctx.moveTo(255.5, 4.5); |
| 255 | ctx.lineTo(0, 4.5); | 255 | ctx.lineTo(0, 4.5); |
| 256 | - | 256 | + |
| 257 | ctx.stroke(); | 257 | ctx.stroke(); |
| 258 | 258 | ||
| 259 | // we re-use the context for measuring the legends label widths | 259 | // we re-use the context for measuring the legends label widths |
| @@ -283,7 +283,7 @@ | @@ -283,7 +283,7 @@ | ||
| 283 | offset *= 2; | 283 | offset *= 2; |
| 284 | } | 284 | } |
| 285 | labelsHtml += '<li style="position:absolute;left:'+(((((1/(gradient.length-1)*i*256) || 0)) >> 0)-offset+.5)+'px">'+labelText+'</li>'; | 285 | labelsHtml += '<li style="position:absolute;left:'+(((((1/(gradient.length-1)*i*256) || 0)) >> 0)-offset+.5)+'px">'+labelText+'</li>'; |
| 286 | - } | 286 | + } |
| 287 | labels.innerHTML = labelsHtml; | 287 | labels.innerHTML = labelsHtml; |
| 288 | } | 288 | } |
| 289 | }; | 289 | }; |
| @@ -351,7 +351,7 @@ | @@ -351,7 +351,7 @@ | ||
| 351 | legendCfg.gradient = me.get("gradient"); | 351 | legendCfg.gradient = me.get("gradient"); |
| 352 | me.set("legend", new legend(legendCfg)); | 352 | me.set("legend", new legend(legendCfg)); |
| 353 | } | 353 | } |
| 354 | - | 354 | + |
| 355 | }, | 355 | }, |
| 356 | resize: function () { | 356 | resize: function () { |
| 357 | var me = this, | 357 | var me = this, |
| @@ -372,7 +372,7 @@ | @@ -372,7 +372,7 @@ | ||
| 372 | actx = acanvas.getContext("2d"), | 372 | actx = acanvas.getContext("2d"), |
| 373 | element = me.get("element"); | 373 | element = me.get("element"); |
| 374 | 374 | ||
| 375 | - | 375 | + |
| 376 | me.initColorPalette(); | 376 | me.initColorPalette(); |
| 377 | 377 | ||
| 378 | me.set("canvas", canvas); | 378 | me.set("canvas", canvas); |
| @@ -382,7 +382,7 @@ | @@ -382,7 +382,7 @@ | ||
| 382 | 382 | ||
| 383 | me.resize(); | 383 | me.resize(); |
| 384 | canvas.style.cssText = acanvas.style.cssText = "position:absolute;top:0;left:0;z-index:10000000;"; | 384 | canvas.style.cssText = acanvas.style.cssText = "position:absolute;top:0;left:0;z-index:10000000;"; |
| 385 | - | 385 | + |
| 386 | if(!me.get("visible")) | 386 | if(!me.get("visible")) |
| 387 | canvas.style.display = "none"; | 387 | canvas.style.display = "none"; |
| 388 | 388 | ||
| @@ -390,14 +390,14 @@ | @@ -390,14 +390,14 @@ | ||
| 390 | if(me.get("legend")){ | 390 | if(me.get("legend")){ |
| 391 | element.appendChild(me.get("legend").getElement()); | 391 | element.appendChild(me.get("legend").getElement()); |
| 392 | } | 392 | } |
| 393 | - | 393 | + |
| 394 | // debugging purposes only | 394 | // debugging purposes only |
| 395 | if(me.get("debug")) | 395 | if(me.get("debug")) |
| 396 | document.body.appendChild(acanvas); | 396 | document.body.appendChild(acanvas); |
| 397 | - | ||
| 398 | - actx.shadowOffsetX = 15000; | ||
| 399 | - actx.shadowOffsetY = 15000; | ||
| 400 | - actx.shadowBlur = 15; | 397 | + |
| 398 | + actx.shadowOffsetX = 15000; | ||
| 399 | + actx.shadowOffsetY = 15000; | ||
| 400 | + actx.shadowBlur = 15; | ||
| 401 | }, | 401 | }, |
| 402 | initColorPalette: function(){ | 402 | initColorPalette: function(){ |
| 403 | 403 | ||
| @@ -420,7 +420,7 @@ | @@ -420,7 +420,7 @@ | ||
| 420 | ctx.putImageData(testData, 0, 0); | 420 | ctx.putImageData(testData, 0, 0); |
| 421 | testData = ctx.getImageData(0,0,1,1); | 421 | testData = ctx.getImageData(0,0,1,1); |
| 422 | me.set("premultiplyAlpha", (testData.data[0] < 60 || testData.data[0] > 70)); | 422 | me.set("premultiplyAlpha", (testData.data[0] < 60 || testData.data[0] > 70)); |
| 423 | - | 423 | + |
| 424 | for(var x in gradient){ | 424 | for(var x in gradient){ |
| 425 | grad.addColorStop(x, gradient[x]); | 425 | grad.addColorStop(x, gradient[x]); |
| 426 | } | 426 | } |
| @@ -465,9 +465,9 @@ | @@ -465,9 +465,9 @@ | ||
| 465 | palette = me.get("gradient"), | 465 | palette = me.get("gradient"), |
| 466 | opacity = me.get("opacity"), | 466 | opacity = me.get("opacity"), |
| 467 | bounds = me.get("bounds"), | 467 | bounds = me.get("bounds"), |
| 468 | - left, top, bottom, right, | 468 | + left, top, bottom, right, |
| 469 | image, imageData, length, alpha, offset, finalAlpha; | 469 | image, imageData, length, alpha, offset, finalAlpha; |
| 470 | - | 470 | + |
| 471 | if(x != null && y != null){ | 471 | if(x != null && y != null){ |
| 472 | if(x+x2>width){ | 472 | if(x+x2>width){ |
| 473 | x=width-x2; | 473 | x=width-x2; |
| @@ -506,7 +506,7 @@ | @@ -506,7 +506,7 @@ | ||
| 506 | bottom = height; | 506 | bottom = height; |
| 507 | }else{ | 507 | }else{ |
| 508 | bottom = bounds['b']; | 508 | bottom = bounds['b']; |
| 509 | - } | 509 | + } |
| 510 | } | 510 | } |
| 511 | 511 | ||
| 512 | image = actx.getImageData(left, top, right-left, bottom-top); | 512 | image = actx.getImageData(left, top, right-left, bottom-top); |
| @@ -528,7 +528,7 @@ | @@ -528,7 +528,7 @@ | ||
| 528 | imageData[i-3]=palette[offset]; | 528 | imageData[i-3]=palette[offset]; |
| 529 | imageData[i-2]=palette[offset+1]; | 529 | imageData[i-2]=palette[offset+1]; |
| 530 | imageData[i-1]=palette[offset+2]; | 530 | imageData[i-1]=palette[offset+2]; |
| 531 | - | 531 | + |
| 532 | if (premultiplyAlpha) { | 532 | if (premultiplyAlpha) { |
| 533 | // To fix browsers that premultiply incorrectly, we'll pass in a value scaled | 533 | // To fix browsers that premultiply incorrectly, we'll pass in a value scaled |
| 534 | // appropriately so when the multiplication happens the correct value will result. | 534 | // appropriately so when the multiplication happens the correct value will result. |
| @@ -536,7 +536,7 @@ | @@ -536,7 +536,7 @@ | ||
| 536 | imageData[i-2] /= 255/finalAlpha; | 536 | imageData[i-2] /= 255/finalAlpha; |
| 537 | imageData[i-1] /= 255/finalAlpha; | 537 | imageData[i-1] /= 255/finalAlpha; |
| 538 | } | 538 | } |
| 539 | - | 539 | + |
| 540 | // we want the heatmap to have a gradient from transparent to the colors | 540 | // we want the heatmap to have a gradient from transparent to the colors |
| 541 | // as long as alpha is lower than the defined opacity (maximum), we'll use the alpha value | 541 | // as long as alpha is lower than the defined opacity (maximum), we'll use the alpha value |
| 542 | imageData[i] = finalAlpha; | 542 | imageData[i] = finalAlpha; |
| @@ -558,9 +558,9 @@ | @@ -558,9 +558,9 @@ | ||
| 558 | 558 | ||
| 559 | ctx.shadowColor = ('rgba(0,0,0,'+((count)?(count/me.store.max):'0.1')+')'); | 559 | ctx.shadowColor = ('rgba(0,0,0,'+((count)?(count/me.store.max):'0.1')+')'); |
| 560 | 560 | ||
| 561 | - ctx.shadowOffsetX = 15000; | ||
| 562 | - ctx.shadowOffsetY = 15000; | ||
| 563 | - ctx.shadowBlur = 15; | 561 | + ctx.shadowOffsetX = 15000; |
| 562 | + ctx.shadowOffsetY = 15000; | ||
| 563 | + ctx.shadowBlur = 15; | ||
| 564 | 564 | ||
| 565 | ctx.beginPath(); | 565 | ctx.beginPath(); |
| 566 | ctx.arc(x - 15000, y - 15000, radius, 0, Math.PI * 2, true); | 566 | ctx.arc(x - 15000, y - 15000, radius, 0, Math.PI * 2, true); |
| @@ -621,7 +621,7 @@ | @@ -621,7 +621,7 @@ | ||
| 621 | return { | 621 | return { |
| 622 | create: function(config){ | 622 | create: function(config){ |
| 623 | return new heatmap(config); | 623 | return new heatmap(config); |
| 624 | - }, | 624 | + }, |
| 625 | util: { | 625 | util: { |
| 626 | mousePosition: function(ev){ | 626 | mousePosition: function(ev){ |
| 627 | // this doesn't work right | 627 | // this doesn't work right |