Mapas interactivos en Drupal 7

He estado creando sitios web durante aproximadamente 2 años y me especializo en sitios web construidos con Drupal 7. Tengo algunos sitios comunitarios que tienen ubicaciones, y necesitaba una buena solución para administrar todos los puntos de datos.

Había estado usando Google Maps y solo incrusco el código directamente en mis sitios web. Este método no es muy mantenible, y francamente la gente estaba usando mis mapas en sus sitios web y robando mi tráfico.

Me encontré con el módulo GMAP para Drupal. Me asustó un poco ya que el módulo GMAP para Drupal todavía está en la fase de desarrollo (al igual que algunos módulos de soporte para GMAP), pero con un poco de ayuda de la comunidad de Drupal me aseguraron que funcionó bien (y no me decepcionó) . Es un poco complicado, por lo que tengo instrucciones paso a paso sobre cómo hacer que GMAP funcione correctamente.

Uno de los sitios web con GMAP instaló ubicaciones de parques de perros, reseñas y videos (Denverwags.com). He agregado GMAP a este sitio web para crear dinámicamente mapas para parques perros regulares, parques para perros de raza pequeña y el enlace del menú correcto. Esto se hace con la magia de vistas, GMAP y etiquetas. Cubrimos GMAP para Drupal 7 en este artículo.

Este artículo asume el conocimiento de la instalación de Drupal y los módulos.

que GMAP funcione para Drupal 7 </U >

Lo principal que puede perjudicar a alguien de que el módulo GMAP funcione, es que uno debe ingresar la longitud y la latitud de la ubicación. El módulo GMAP también debe configurarse con una tecla API de Google. No se preocupe si está utilizando una URL localhost, Google aceptará esto como URL.

READ  Craigslist Flaggers: Aprenda a derrotarlos

A continuación se muestra un ejemplo paso a paso de hacer que GMAP funcione en Drupal 7. Algunos de estos módulos están en fase de desarrollo , pero funcionan muy bien.

En este ejemplo estamos agregando dos ubicaciones a un sitio de desarrollo local.

1. Descargue, instale y habilite los módulos Drupal GMAP, Vistas, Devel_Generate, CTools y Módulos de ubicación para Drupal 7

2.Create Tipo de contenido: Estructura -> Tipos de contenido -> Agregar tipo de contenido

  • In Este ejemplo estamos creando un tipo llamado “foo”
  • Opciones de publicación: desmarque “promocionado a la página principal”
  • Configuración de visualización: desmarque “Pantalla de autor e información de fecha”
  • Configuración de comentarios: elija “cerrado”
  • Información locativa: elija “Permitir” para la ciudad y el estado. “Fuerza predeterminada” para el condado.
  • Ocultar campos de la pantalla: Verifique “Coordenadas”

3. Agregar contenido

a. Elija su nuevo tipo de contenido “foo”
b. Vaya a “ubicación” en la parte inferior
c. Cree contenido con el título “Ubicación 1”. Complete la latitud y la longitud
i. Para adquirir la longitud y la latitud en los mapas de Google, haga clic derecho en una ubicación y elija “Lo que está aquí”, y haga clic en Green Arrow. Usé latutitide “39.804316” y longitud “-105.211029”.
d. Cree contenido con el título “Ubicación 2” con instrucciones anteriores. Usé latutitide “39.578173” y longitud “-104.757843”.

4. Agregue la vista

a. Estructura -> Vista -> Agregar vista -> Crear una página
b. Vista Nombre: Ubicación
c. Nombre legible por máquina: Ubicación
d. Título de la página: Ubicaciones
i. Formato de visualización: GMAP
II. De: publicaciones completas
iii. Sin enlaces
iv. Sin comentarios
v. Elementos por página: 99
e. Crea un enlace de menú
i. Menú: menú principal
ii. Texto del enlace: ubicación

READ  FastCompany.com adopta la funcionalidad Web 2.0

5. Guardar y salir

6. Verá muchos errores, eso está bien

7. Configuración -> Servicios web , GMAP

a. Obtenga e ingrese la tecla API de Google Maps. Para mi sitio de desarrollo, mi URL es http: // localhost/gmap. Genere la tecla API (debe iniciar sesión en Gmail). Tome la primera clave e ignore el resto de la página. Pegue esta clave en la sección titulada “Key de la API de Google Maps”.

8. Mueva el mapa a una configuración de mapa predeterminada deseada.

9. Guarde la configuración

Debe tener un mapa con sus dos ubicaciones en el enlace del menú que creó. Por favor envíeme un correo electrónico si tiene alguna pregunta.

Referencia: