Mapear vários locais em seu site com maptheway

Durante o tempo em que eu comecei a usar o Google Maps, eu encontrei tantas maneiras de incorporá-la em minha vida possível. É integrado no meu software do GPS do carro Motorola Android, Google Latitude permite-me partilhar a minha localização Maps para os meus filhos enquanto eu estou viajando, e eu sempre usá-lo para procurar parques e monumentos históricos em torno de nós quando estamos em uma viagem de família.

Outros autores MakeUseOf também compartilharam características impressionantes oferecidos pelo Google Maps, como a lista dos tipos de Tina 5 melhores coisas sobre o Google Maps, lista de impressionante de Mark Instalação Mapa do Google, e artigo de Eyal na criação colaborativas Google Maps. Se você ainda não adivinhou ainda, nós somos grandes fãs.Os cinco melhores coisas sobre o Google MapsOs cinco melhores coisas sobre o Google Mapsconsulte Mais informação

Hoje, eu gostaria de mostrar-lhe uma aplicação baseada no API Google legal chamado MapTheWay que permite incorporar suas próprias Google Maps personalizados a direita em seu próprio blog ou site, usando pontos de longitude e latitude maneira que você pode sobrepor no mapa através de um arquivo XML.

Video: Como fazer mapeamento no Google Maps?

Este é um método útil para mapear vários locais para os seus visitantes, pois você pode traçar manualmente uma viagem ou você pode criar um software interativo que define a forma como os pontos automaticamente, editando o arquivo XML através de um script. Imagine ser capaz de escrever um post com mapas realmente incorporados - não apenas screenshots. Seus visitantes podem ver os mapas que você já estabelecidos e você pode título cada ponto maneira como quiser.

Instalando MapTheWay para mapear vários locais no seu site

À medida que passar por este tutorial, você vai ver por que ter esse recurso incorporado em seu site é tão conveniente. Não há necessidade de armazenar ou compartilhar mapas do Google Maps - tudo que você tem a fazer é criar um novo arquivo XML de seus waypoints e voila - você pode compartilhar imediatamente um novo mapa em questão de minutos.

Vamos começar e você verá porque esta é uma ferramenta muito legal para instalar para o seu blog ou seu site. Primeiro, baixe os arquivos de versão básica gratuita para o seu PC, e depois FTP o “mapthewayDir”Pasta (e todos os conteúdos) para a pasta raiz http do seu site.

Video: Curso de HTML - Aula 11 (Mapeamento de Imagens)

No caso de um blog WordPress, você vai querer fazer o upload da pasta e conteúdo (juntamente com os arquivos de base) para o mesmo diretório de nível na sua pasta de temas onde o arquivo index.php é armazenado. Você já tem metade do mapeamento de vários locais no seu blog!

Video: Como Mapear Imagens/Banners (colocar links) e Obter HTML [HD]

Agora, se você não tiver uma chave de mapa API para o seu site, em seguida, vá para o Google e se inscrever para a API do Google Maps usando o domínio onde você carregou o diretório MapTheWay. Depois de receber a sua chave, entrar em seu diretório mapthewayDir em seu rede servidor e editar o arquivo mapthewaycontext.xml com sua própria chave de API do Google.

By the way, se você quiser, você pode alterar o idioma do mapa como sendo francês (fr) ou Português (po) em vez de Inglês. Parece essas são as únicas línguas atualmente disponíveis. Agora MapTheWay está instalado no seu site, e você está pronto para começar a incorporar seus mapas!

Como definir pontos de passagem & Indique seu Mapa

Há alguns arquivos que fazem parte do pacote de download que você vai querer verificar para fora. Dois desses arquivos são HtmlHead.txt e HtmlBody.txt. Sempre que você quiser incorporar um mapa em uma de suas páginas, você apenas tem que certificar-se o script de cabeçalho eo script corpo está incluído na página. O script de cabeçalho não muda. E adivinhem, se você estiver usando um tema WordPress, as chances são muito boas que você tem um header.php - você pode simplesmente inserir o script uma vez e você está tudo definido.

Agora, você precisa configurar o arquivo XML cheio de seu caminho Points. O modelo a ser usado é MyWebPage.xml incluído na pasta mapthewayDir. O formato do arquivo é como mostrado abaixo.

Muitas das variáveis ​​utilizadas no arquivo de exemplo não estão disponíveis na versão gratuita. Para sua configuração livre, você precisa se concentrar em definir o lat, lng, título, descrição, país, código postal, cidade e endereço (todos opcionais, exceto GNL e lat). O “tipo” é o nome do arquivo de imagem do marcador, por isso, digite “cidade” refere-se a apresentar “marcador [cidade] .png. Assim, você pode personalizar seus próprios ícones de marcadores, se você usar essa convenção de nomenclatura.

Sua primeira pergunta aqui é provavelmente - não é este um pouco complicado? Como você deve saber a longo lat e os locais da sua? Não se preocupe meus amigos, eu tenho você coberta - porque quando você baixou este aplicativo gratuito legal, você também baixaram um utilitário conveniente para identificar os pontos de localização. Basta ir ao seu navegador, vá para o seu domínio e abrir o arquivo. Se ele não funciona em seu domínio, basta usar o utilitário oferecido gratuitamente em MapTheWay.

simples arrastar o alvo ao longo de sua rota e vai dar-lhe a longitude e latitude de cada ponto. Manter uma nota de cada waypoint como você traçar a sua viagem. Quando você terminar, basta modificar o modelo MyWebPage.xml com seus pontos de maneira nova e descrições, e guardá-lo como um novo arquivo XML na pasta mapthewayDir.

Quando estiver pronto, tudo que você tem a fazer é incorporar o mapa em sua página usando o código encontrado na HtmlBody.txt Arquivo. Você deve encontrar o nome do arquivo xml nos códigos de 3 vezes, então você precisa editar essas três entradas com o seu novo nome de arquivo XML.

Guardar a página, e seu novo mapa agora está incorporado em seu site!

O mapa incorporado perfeitamente na minha página. Todos os títulos aparecem quando o usuário clica “Mostrar Labels,”E se o usuário clica em um ícone para um ponto forma, sua descrição texto é exibido. O mapa parece profissional e inicialmente tenta centrar-se em todos os seus pontos de passagem quando se arranca pela primeira vez.

A única coisa que eu observei sobre esta configuração é que realmente não como a estrutura do arquivo WordPress (o aplicativo gosta de existir na raiz do seu domínio), então eu era capaz de fazê-lo funcionar, instalando-o em um novo domínio que eu recentemente, comprou e criar um arquivo index.html com o código mostrado neste tutorial. Então, se você criou seu próprio site - Incorporação este aplicativo será uma brisa. Se você quiser usá-lo em seu blog, ele vai levar um pouco de ajustes antes ele vai trabalhar direito - mas isso é além do escopo deste artigo.

Então dê MapTheWay um tiro em seu site e deixe-nos saber o que você pensa. Sabe de quaisquer outros meios legais para incorporar mapas diretamente para o seu site? Partilhe os seus recursos na seção de comentários abaixo.