Mapeo de múltiples ubicaciones de su sitio web con maptheway

Durante el tiempo que he empezado a utilizar Google Maps, he encontrado que muchas maneras de incorporar en mi vida como sea posible. Está integrado en el software de GPS para coche Motorola Android, Google Latitud me permite compartir mi ubicación Mapas a mis hijos mientras estoy de viaje, y siempre lo uso para buscar parques y monumentos históricos que nos rodea cuando estamos en un viaje familiar.

Otros autores también han compartido MakeUseOf características impresionantes que ofrece Google Maps, como la lista de la de Tina 5 mejores cosas de Google Maps, lista de increíble de Mark Google Map características, y el artículo de Eyal en la creación colaboración de Google Maps. Si usted no ha adivinado todavía, somos grandes fans.Los cinco mejores cosas acerca de Google MapsLos cinco mejores cosas acerca de Google MapsLee mas

Hoy en día, me gustaría que le muestre un lugar fresco aplicación basada en la API de Google llamado MapTheWay que le permite incorporar sus propios personalizados de Google Maps a la derecha en su propio blog o sitio web, el uso de puntos de longitud y latitud forma en que se pueden superponer en el mapa a través de una archivo XML.

Este es un método útil para trazar múltiples lugares para sus visitantes, ya que cualquiera puede trazar manualmente un viaje o puede crear software interactivo que establece los puntos de paso de forma automática al editar el archivo XML a través de una secuencia de comandos. Imagine que es capaz de escribir un post con los mapas que están incrustadas - no sólo las capturas. Sus visitantes pueden ver los mapas que ya ha dispuesto y usted puede título de cada punto de la manera como usted quiera.

Instalación MapTheWay para el mapeo de varias ubicaciones en su página web

A medida que avanzamos a través de este tutorial, verá por qué tener esta característica incrustado en su sitio web es tan conveniente. No hay necesidad de almacenar o compartir mapas de Google Maps - todo lo que tiene que hacer es crear un nuevo archivo XML de los puntos de referencia y voila - se puede compartir de inmediato un nuevo mapa en cuestión de minutos.

Vamos a empezar y verá por qué esto es una herramienta muy fresco para instalar para su blog o su sitio web. En primer lugar, descargar los archivos versión básica gratuita a su PC, y luego el FTP “mapthewayDir”Carpeta (y todo su contenido) a la carpeta raíz de su sitio web http.

En el caso de un blog de WordPress, usted querrá subir la carpeta y su contenido (junto con los archivos de base) para el mismo nivel de directorio en la carpeta de temas en los que se almacena el archivo index.php. Ya tienes la mitad del mapeo de varias ubicaciones en su blog!

Ahora, si usted no tiene ya una clave de API de mapa de su sitio web, y luego ir de más a Google y registrarse para obtener una API de Google Maps usando el dominio en el que ha subido el directorio MapTheWay. Una vez que reciba su clave, entra en tu directorio en su mapthewayDir web servidor y editar el archivo mapthewaycontext.xml con su propia clave de API de Google.

Por cierto, si lo desea, puede cambiar el idioma del mapa para cualquiera francés (fr) o portugués (po) en lugar de Inglés. Al parecer, esos son los únicos idiomas disponibles en la actualidad. Ahora MapTheWay está instalado en su sitio, y ya está listo para comenzar a incorporar sus mapas!

Cómo establecer puntos de paso & Mostrar su mapa

Hay algunos archivos que son parte del paquete de descarga que usted querrá comprobar hacia fuera. Dos de esos archivos son HtmlHead.txt y HtmlBody.txt. Cada vez que desee insertar un mapa en una de sus páginas, sólo hay que asegurarse de que la secuencia de comandos de cabecera y el guión cuerpo está incluido en la página. La secuencia de comandos de cabecera no cambia. Y adivinen qué, si está utilizando un tema de WordPress, las probabilidades son bastante buenas que usted tiene un header.php - sólo tiene que insertar el guión de una vez y ya está todo listo.

Vídeo: Tutorial Wordpress: Como añadir un mapa de Google.

Ahora, es necesario configurar el archivo XML lleno de sus puntos de paso. La plantilla a utilizar es MyWebPage.xml incluido en la carpeta mapthewayDir. El formato de archivo que es como se muestra a continuación.

Muchas de las variables utilizadas en el archivo de ejemplo no están disponibles en la versión gratuita. Para su instalación gratuita, es necesario centrarse en el establecimiento de la latitud, la longitud, título, descripción, país, código postal, localidad y dirección (opcionales, excepto GNL y LAT). El “tipo” es el nombre del archivo de imagen del marcador, por lo que escribir “ciudad” se refiere a presentar “marcador de [ciudad] .png. Por lo tanto, se puede personalizar sus propios iconos de marcador que si se utiliza la convención de nomenclatura.

Su primera pregunta aquí es, probablemente, - no es esto un poco complicado? ¿Cómo se supone que saber la latitud y largo de sus lugares? No se preocupen mis amigos, tengo todo cubierto - debido al descargar esta aplicación gratuita fresco, también se ha descargado una utilidad práctica para identificar aquellos puntos de ubicación. Sólo tiene que ir a su navegador, vaya a su dominio y abrir el archivo. Si no funciona en su dominio, sólo tiene que utilizar la utilidad que ofrece de forma gratuita en MapTheWay.

Vídeo: Cambiar la ubicación del mapa en pagina de Facebook

Arrastrar el objetivo a lo largo de su ruta y se le dará la longitud y latitud de cada punto. Mantener una nota de cada punto de referencia como se traza su viaje. Una vez que haya terminado, acaba de modificar la plantilla MyWebPage.xml con sus nuevos puntos y descripciones manera, y guardarlo como un nuevo archivo XML en la carpeta mapthewayDir.

Cuando haya terminado, todo lo que tiene que hacer es insertar el mapa en su página web utilizando el código que se encuentra en el HtmlBody.txt archivo. Usted debe encontrar el nombre del archivo XML en el código 3 veces, por lo que necesita para editar esos tres registros con su nuevo nombre de archivo XML.

Guardar la página, y su nuevo mapa está incrustado en su página web!

El mapa integrado perfectamente en mi página web. Todos los títulos aparecen cuando el usuario hace clic “Mostrar etiquetas,”Y si el usuario hace clic en un icono para un punto de paso, se muestra el texto de la descripción. El mapa se vea profesional e inicialmente intenta centrarse en todos sus puntos de paso cuando por primera vez se pone en marcha.

Vídeo: Mi Aplicación Configuración de direcciones

Lo único que llamó la atención de esta configuración es que no le gustaba la estructura de archivos de WordPress (la aplicación le gusta a existir en la raíz de su dominio), así que era capaz de conseguir que funcione con sólo instalarlo en un nuevo dominio que yo recientemente adquirido y la creación de un archivo index.html con el código que se muestra en este tutorial. Por lo tanto, si ha creado su propio sitio web - Incorporación de esta aplicación será una brisa. Si desea utilizarlo en su blog, que va a tomar un poco de ajuste antes de que se va a trabajar a la derecha - pero eso es más allá del alcance de este artículo.

Así que dar MapTheWay un tiro en su sitio web y háganos saber lo que piensa. ¿Sabe de alguna otra manera fresco para integrar mapas directamente en su sitio web? Compartir sus recursos en la sección de comentarios.