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 |
||
| (26 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 3: | Linha 3: | ||
<noinclude>==Código== | <noinclude>==Código== | ||
<pre> | <pre> | ||
{{{mapahtml}}} | |||
</pre> | </pre> | ||
== | ==Como Usar== | ||
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 :=== | |||
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]] | |||
Figura 1 - Primeiro Passo | |||
===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 OSM.jpeg|300px]] | |||
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> | <pre> | ||
<iframe key="openstreetmap" path="/export/embed.html?bbox= | {{Mapa | ||
</pre> | |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> | |||
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&layer=mapnik" height=" | ==Resultado== | ||
<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]
