-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f5bef89
commit d0d2517
Showing
1 changed file
with
120 additions
and
55 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,70 +1,135 @@ | ||
| <!DOCTYPE html> | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Distribuição populacional no Município de São Paulo</title> | ||
| <style> | ||
| body, html { | ||
| margin: 0; | ||
| padding: 0; | ||
| height: 100%; | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="initial-scale=3,user-scalable=no,maximum-scale=1,width=device-width"> | ||
| <meta name="mobile-web-app-capable" content="yes"> | ||
| <meta name="apple-mobile-web-app-capable" content="yes"> | ||
| <link rel="stylesheet" href="./resources/ol.css"> | ||
| <link rel="stylesheet" href="resources/fontawesome-all.min.css"> | ||
| <link rel="stylesheet" href="./resources/ol-layerswitcher.css"> | ||
| <link rel="stylesheet" href="./resources/qgis2web.css"> | ||
|
|
||
| <link rel="icon" href="https://raw.githubusercontent.com/gisa-ceinfo-sms-sp/conhecimentos/main/images/Brasao_PMSP_reduzido.png" type="image/png"><style> | ||
| .search-layer { | ||
| top: 100px; | ||
| left: .5em; | ||
| } | ||
| .ol-touch .search-layer { | ||
| top: 130px; | ||
| } | ||
| </style> | ||
| <style> | ||
| html, body { | ||
| background-color: #ffffff; | ||
| } | ||
| #map { | ||
| width: 100%; | ||
| height: calc(100% - 60px); /* Altura do mapa ajustada para acomodar o footer */ | ||
| .ol-control button { | ||
| background-color: #f8f8f8 !important; | ||
| color: #000000 !important; | ||
| border-radius: 0px !important; | ||
| } | ||
| footer { | ||
| background-color: #FFFFFF; | ||
| color: #525252; | ||
| font-size: 10px; | ||
| padding: 10px 20px; | ||
| border-top: 1px solid #DDDDDD; | ||
| position: fixed; | ||
| bottom: 0; | ||
| width: 100%; | ||
| box-sizing: border-box; | ||
| .ol-zoom, .geolocate, .gcd-gl-control .ol-control { | ||
| background-color: rgba(255,255,255,.4) !important; | ||
| padding: 3px !important; | ||
| } | ||
| .ol-scale-line { | ||
| background: none !important; | ||
| } | ||
| .container { | ||
| padding-bottom: 60px; /* Altura do footer */ | ||
| .ol-scale-line-inner { | ||
| border: 2px solid #f8f8f8 !important; | ||
| border-top: none !important; | ||
| background: rgba(255, 255, 255, 0.5) !important; | ||
| color: black !important; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <a href="https://www.capital.sp.gov.br/" target="_blank"> | ||
| <img src="https://raw.githubusercontent.com/gisa-ceinfo-sms-sp/censo2022/main/images/banner.png" alt="Banner" style="width: 100%;"> | ||
| </style> | ||
| <style> | ||
| .tooltip { | ||
| position: relative; | ||
| background: rgba(0, 0, 0, 0.5); | ||
| border-radius: 4px; | ||
| color: white; | ||
| padding: 4px 8px; | ||
| opacity: 0.7; | ||
| white-space: nowrap; | ||
| } | ||
| .tooltip-measure { | ||
| opacity: 1; | ||
| font-weight: bold; | ||
| } | ||
| .tooltip-static { | ||
| background-color: #ffcc33; | ||
| color: black; | ||
| border: 1px solid white; | ||
| } | ||
| .tooltip-measure:before, | ||
| .tooltip-static:before { | ||
| border-top: 6px solid rgba(0, 0, 0, 0.5); | ||
| border-right: 6px solid transparent; | ||
| border-left: 6px solid transparent; | ||
| content: ""; | ||
| position: absolute; | ||
| bottom: -6px; | ||
| margin-left: -7px; | ||
| left: 50%; | ||
| } | ||
| .tooltip-static:before { | ||
| border-top-color: #ffcc33; | ||
| } | ||
| .measure-control { | ||
| top: 65px; | ||
| left: .5em; | ||
| display: flex; | ||
| } | ||
| .ol-touch .measure-control { | ||
| top: 80px; | ||
| } | ||
| .measure-control label { | ||
| padding: 1px; | ||
| padding-right: 4px; | ||
| } | ||
| </style> | ||
|
|
||
| <style> | ||
| html, body, #map { | ||
| width: 100%; | ||
| height: 94.5%; | ||
| padding: 0; | ||
| margin: 0; | ||
| } | ||
| </style> | ||
| <title>Distribuição populacional no Município de São Paulo</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <a href="https://www.capital.sp.gov.br/"target="_blank"> | ||
| <img src="https://raw.githubusercontent.com/gisa-ceinfo-sms-sp/censo2022/main/images/banner.png" alt="Banner" style="width: 100%;"> | ||
| </a> | ||
|
|
||
| <div id="map"> | ||
| <div id="popup" class="ol-popup"> | ||
| <a href="#" id="popup-closer" class="ol-popup-closer"></a> | ||
| <div id="popup-content"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer style="width: 100%; font-size: 10px; background-color: #FFFFFF; color: #525252; margin: 0; padding: 0; border: none;"> | ||
| <div style="float: right;"> | ||
| <button onclick="window.location.reload();">Limpar o mapa-base</button> | ||
| </div> | ||
| <footer> | ||
| <div style="float: right;"> | ||
| <button onclick="window.location.reload();">Limpar o mapa-base</button> | ||
| </div> | ||
| <p> | Fontes: <a href="https://censo2022.ibge.gov.br/panorama" target="_blank">Censo Demográfico 2022 - Instituto Brasileiro de Geografia e Estatística - 2024</a> | <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/epidemiologia_e_informacao/geoprocessamento_e_informacoes_socioambientais/index.php?p=265388" target="_blank">Camadas geográficas - Secretaria Municipal da Saúde de São Paulo - 2022</a> | Clique para acessar: <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/epidemiologia_e_informacao/geoprocessamento_e_informacoes_socioambientais/index.php?p=265388" target="_blank">camadas geográficas</a> | <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/tabnet/index.php?p=30417" target="_blank">dados</a> | <a href="https://gisa-ceinfo-sms-sp.github.io/censo2022/dicionario.csv" target="_blank">dicionário</a></p> | ||
| <p style="clear: both;"> | Elaboração: <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/epidemiologia_e_informacao/geoprocessamento_e_informacoes_socioambientais/">Núcleo de Geoprocessamento e Informação Socioambiental - Coordenação de Epidemiologia e Informação - Secretaria Municipal da Saúde de São Paulo - 2024</a></p> | ||
| </footer> | ||
| <p> | Fontes: <a href="https://censo2022.ibge.gov.br/panorama" target="_blank">Censo Demográfico 2022 - Instituto Brasileiro de Geografia e Estatística - 2024</a> | <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/epidemiologia_e_informacao/geoprocessamento_e_informacoes_socioambientais/index.php?p=265388" target="_blank">Camadas geográficas - Secretaria Municipal da Saúde de São Paulo - 2022</a> | Clique para acessar: <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/epidemiologia_e_informacao/geoprocessamento_e_informacoes_socioambientais/index.php?p=265388" target="_blank">camadas geográficas</a> | <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/tabnet/index.php?p=30417" target="_blank">dados</a> | <a href="https://gisa-ceinfo-sms-sp.github.io/censo2022/dicionario.csv" target="_blank">dicionário</a></p> | ||
| <p style="clear: both;"> | Elaboração: <a href="https://www.prefeitura.sp.gov.br/cidade/secretarias/saude/epidemiologia_e_informacao/geoprocessamento_e_informacoes_socioambientais/">Núcleo de Geoprocessamento e Informação Socioambiental - Coordenação de Epidemiologia e Informação - Secretaria Municipal da Saúde de São Paulo - 2024</a></p> | ||
| </footer> | ||
|
|
||
| <script src="./resources/qgis2web_expressions.js"></script> | ||
| <script src="./resources/polyfills.js"></script> | ||
| <script src="./resources/functions.js"></script> | ||
| <script src="./resources/ol.js"></script> | ||
| <script src="./resources/ol-layerswitcher.js"></script> | ||
| <script src="./layers/reasdeabrangnciadeUBS_2.js"></script> | ||
| <script src="./layers/SupervisoTcnicadeSadeSTS_3.js"></script> | ||
| <script src="./layers/CoordenadoriaRegionaldeSadeCRS_4.js"></script> | ||
| <!-- Adicione os outros scripts de camadas conforme necessário --> | ||
| <script src="./styles/reasdeabrangnciadeUBS_2_style.js"></script> | ||
| <script src="./styles/SupervisoTcnicadeSadeSTS_3_style.js"></script> | ||
| <script src="./styles/CoordenadoriaRegionaldeSadeCRS_4_style.js"></script> | ||
| <!-- Adicione os outros scripts de estilos de camadas conforme necessário --> | ||
| <script src="./layers/layers.js" type="text/javascript"></script> | ||
| <script src="./resources/Autolinker.min.js"></script> | ||
| <script src="./resources/qgis2web.js"></script> | ||
| </body> | ||
| <script src="resources/qgis2web_expressions.js"></script> | ||
| <script src="resources/polyfills.js"></script> | ||
| <script src="./resources/functions.js"></script> | ||
| <script src="./resources/ol.js"></script> | ||
| <script src="./resources/ol-layerswitcher.js"></script> | ||
| <script src="layers/reasdeabrangnciadeUBS_2.js"></script><script src="layers/SupervisoTcnicadeSadeSTS_3.js"></script><script src="layers/CoordenadoriaRegionaldeSadeCRS_4.js"></script><script src="layers/CRSSul_5.js"></script><script src="layers/CRSSudeste_6.js"></script><script src="layers/CRSNorte_7.js"></script><script src="layers/CRSOeste_8.js"></script><script src="layers/CRSCentro_9.js"></script><script src="layers/CRSLeste_10.js"></script><script src="layers/ProvisoHabitacional_11.js"></script><script src="layers/Assentamentosprecrios_12.js"></script><script src="layers/Setorescensitrios2022versopreliminarCRSSul_13.js"></script><script src="layers/Setorescensitrios2022versopreliminarCRSSudeste_14.js"></script><script src="layers/Setorescensitrios2022versopreliminarCRSNorte_15.js"></script><script src="layers/Setorescensitrios2022versopreliminarCRSOeste_16.js"></script><script src="layers/Setorescensitrios2022versopreliminarCRSLeste_17.js"></script><script src="layers/Setorescensitrios2022versopreliminarCRSCentro_18.js"></script><script src="layers/reasdeabrangnciadeUBS_19.js"></script><script src="layers/SupervisoTcnicadeSadeSTS_20.js"></script><script src="layers/CoordenadoriaRegionaldeSadeCRS_21.js"></script> | ||
| <script src="styles/reasdeabrangnciadeUBS_2_style.js"></script><script src="styles/SupervisoTcnicadeSadeSTS_3_style.js"></script><script src="styles/CoordenadoriaRegionaldeSadeCRS_4_style.js"></script><script src="styles/CRSSul_5_style.js"></script><script src="styles/CRSSudeste_6_style.js"></script><script src="styles/CRSNorte_7_style.js"></script><script src="styles/CRSOeste_8_style.js"></script><script src="styles/CRSCentro_9_style.js"></script><script src="styles/CRSLeste_10_style.js"></script><script src="styles/ProvisoHabitacional_11_style.js"></script><script src="styles/Assentamentosprecrios_12_style.js"></script><script src="styles/Setorescensitrios2022versopreliminarCRSSul_13_style.js"></script><script src="styles/Setorescensitrios2022versopreliminarCRSSudeste_14_style.js"></script><script src="styles/Setorescensitrios2022versopreliminarCRSNorte_15_style.js"></script><script src="styles/Setorescensitrios2022versopreliminarCRSOeste_16_style.js"></script><script src="styles/Setorescensitrios2022versopreliminarCRSLeste_17_style.js"></script><script src="styles/Setorescensitrios2022versopreliminarCRSCentro_18_style.js"></script><script src="styles/reasdeabrangnciadeUBS_19_style.js"></script><script src="styles/SupervisoTcnicadeSadeSTS_20_style.js"></script><script src="styles/CoordenadoriaRegionaldeSadeCRS_21_style.js"></script> | ||
| <script src="./layers/layers.js" type="text/javascript"></script> | ||
| <script src="./resources/Autolinker.min.js"></script> | ||
| <script src="./resources/qgis2web.js"></script> | ||
| </body> | ||
| </html> |