Mudanças entre as edições de "Predefinição:Mapa"
(Criou página com '{{{mapahtml}}} <noinclude>==Código== <pre> {{{mapahtml}}} </pre>') |
|||
| Linha 5: | Linha 5: | ||
{{{mapahtml}}} | {{{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" /> </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" /> | ||
| + | }} </pre> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | ==Resultado== | ||
| + | <iframe key="openstreetmap" path="/export/embed.html?bbox=-43.37398052215576%2C-22.952742419346695%2C-43.35840225219727%2C-22.94143991379228&layer=mapnik" /> </noinclude> | ||
Edição atual tal como às 12h02min de 24 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:
500px 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:
300px 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.
350px 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" />
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" />
}}
Resultado[editar código-fonte]
