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
 
(7 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://mediawiki.org com usuário e senha já cadastrados.  
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 no caso da Figura 1 a seguir utilizamos "Cidade de Deus" para a pesquisa. Posteriormente, basta clicar no resultado obtido, conforme destacado a seguir:  
  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
Linha 29: Linha 29:
===Passo 4 :===
===Passo 4 :===
Basta sustituir os valores numéricos na mesma sequência das coordenadas substituindo a partir do "bbox=" e indo até "&amp" mantendo toda a estrutura restante.
Basta sustituir os valores numéricos na mesma sequência das coordenadas substituindo a partir do "bbox=" e indo até "&amp" mantendo toda a estrutura restante.
<pre>  
<pre>
<iframe key="openstreetmap" path="/export/embed.html?bbox=''''-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228'''&amp;layer=mapnik" height="250" width="250" />  
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&amp;layer=mapnik" height="400" width="400" /> </pre>
</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&amp;layer=mapnik" height="400" width="400" />
}} </pre>
 




Linha 38: Linha 46:


==Resultado==
==Resultado==
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&amp;layer=mapnik" height="250" width="250" /> </noinclude>
<iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&amp;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: 

Tutorial OSM1.jpeg 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: 

Tutorial OSM.jpeg 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.

Tutorial OSM3.jpeg 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é "&amp" 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]