Predefinição:Mapa: mudanças entre as edições
Por equipe do Dicionário de Favelas Marielle Franco
Sem resumo de edição |
Sem resumo de edição |
||
| (12 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 8: | Linha 8: | ||
==Como Usar== | ==Como Usar== | ||
Deve-se logar no OpenStreetMaps no link https:// | Deve-se logar no OpenStreetMaps no link https://www.openstreetmap.org/ com usuário e senha já cadastrados. | ||
Feito isso deve-se inserir o local que deseja buscar no OpenStreetMap, para coletar as coordenadas. | Feito isso deve-se inserir o local que deseja buscar no OpenStreetMap, para coletar as coordenadas. | ||
===Passo 1 :=== | ===Passo 1 :=== | ||
Basta pesquisar uma área em específico | Basta pesquisar uma área em específico. No caso da Figura 1 a seguir, utilizamos "Cidade de Deus" para a pesquisa. Posteriormente, basta clicar no resultado obtido, conforme destacado a seguir: | ||
[[Arquivo:Tutorial OSM1.jpeg|500px]] | [[Arquivo:Tutorial OSM1.jpeg|500px]] | ||
Figura 1 - Primeiro Passo | Figura 1 - Primeiro Passo | ||
===Passo 2 :=== | ===Passo 2 :=== | ||
Se obteve o mapa do local que deseja , basta verificar o símbolo para compartilhar o conteúdo a direta da tela e clicar nele, conforme a Figura 2: | |||
[[Arquivo:Tutorial | [[Arquivo:Tutorial OSM.jpeg|300px]] | ||
Figura 2 - Segundo Passo | Figura 2 - Segundo Passo | ||
===Passo 3 :=== | |||
Deve-se clicar no Botão HTML, copiar e colar o código e um rascunho qualquer, para assim coletar os quatro números referentes as coordenadas. | |||
[[Arquivo:Tutorial OSM3.jpeg|350px]] | |||
Figura 3 - Terceiro Passo | |||
===Passo 4 :=== | |||
Basta sustituir os valores numéricos na mesma sequência das coordenadas substituindo a partir do "bbox=" e indo até "&" mantendo toda a estrutura restante. | |||
<pre> | |||
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&layer=mapnik" height="400" width="400" /> </pre> | |||
===Passo 5 :=== | |||
Caso queira aplicar em uma página basta usar: | |||
<pre> | |||
{{Mapa | |||
|mapahtml=<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.29338550567628%2C-22.873011961866705%2C-43.26051235198975%2C-22.849206284596903&layer=mapnik" height="400" width="400" /> | |||
}} </pre> | |||
==Resultado== | ==Resultado== | ||
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&layer=mapnik" height=" | <iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&layer=mapnik" height="400" width="400" /> </noinclude> | ||
Edição atual tal como às 19h46min de 23 de novembro de 2021
{{{mapahtml}}}
Código
{{{mapahtml}}}
Como Usar[editar código-fonte]
Deve-se logar no OpenStreetMaps no link https://www.openstreetmap.org/ com usuário e senha já cadastrados. Feito isso deve-se inserir o local que deseja buscar no OpenStreetMap, para coletar as coordenadas.
Passo 1 :[editar código-fonte]
Basta pesquisar uma área em específico. No caso da Figura 1 a seguir, utilizamos "Cidade de Deus" para a pesquisa. Posteriormente, basta clicar no resultado obtido, conforme destacado a seguir:
Figura 1 - Primeiro Passo
Passo 2 :[editar código-fonte]
Se obteve o mapa do local que deseja , basta verificar o símbolo para compartilhar o conteúdo a direta da tela e clicar nele, conforme a Figura 2:
Figura 2 - Segundo Passo
Passo 3 :[editar código-fonte]
Deve-se clicar no Botão HTML, copiar e colar o código e um rascunho qualquer, para assim coletar os quatro números referentes as coordenadas.
Figura 3 - Terceiro Passo
Passo 4 :[editar código-fonte]
Basta sustituir os valores numéricos na mesma sequência das coordenadas substituindo a partir do "bbox=" e indo até "&" mantendo toda a estrutura restante.
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&layer=mapnik" height="400" width="400" />
Passo 5 :[editar código-fonte]
Caso queira aplicar em uma página basta usar:
{{Mapa
|mapahtml=<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.29338550567628%2C-22.873011961866705%2C-43.26051235198975%2C-22.849206284596903&layer=mapnik" height="400" width="400" />
}}
Resultado[editar código-fonte]
