en Drupal 7Abad Sánchez Marelen

Popoca Galvan Javier Alan

Ruiz Fernández Ashley Heyeral

Vargas Pérez Gabriela

Vázquez González María Fernanda

GOOGLE MAPS

• Google Maps es un servicio gratuito de aplicaciones de mapas en la web.

• Ofrece mapas desplazables con vista satelital , rutas e imágenes de calle (Street View).

• Fue lanzado en 2005 y desde Octubre de ese año forma parte de la plataforma Google Local

GOOGLE MAPS EN DRUPAL - MÓDULOS

• Para poder utilizar los mapas de Google Maps debemos tener instalado el modulo “Simple Google Maps”.

• Puede descargarse de la pagina de Drupal , sin embargo para fines prácticos y evitar la búsqueda pueden descargarlo de:

http://lialan.net23.net/googlemaps.zip

GOOGLE MAPS EN DRUPAL – PASO 1: CREAR UN TIPO DE CONTENIDO

• Con el modulo ya instalado y activado procedemos a entrar a estructura -> tipos de contenido

• Seleccionamos “Añadir Tipo de Contenido”

• Como nombre escribiremos “Mapa”, pondremos una descripción de lo que hará y finalmente la etiqueta del campo de titulo también será “Mapa”. Haremos click en “guardar y añadir campos”

• En “Agregar Campo Nuevo” escribiremos “Dirección” y el tipo de campo será “Campo de texto”. Guardamos…

• En la ventana siguiente podremos seleccionar la longitud que tendrá la dirección del mapa. En este caso dejamos el valor por default. Al hacer click en “Guardar Opciones de Campo” ya tendremos nuestro nuevo tipo de contenido “Mapa”. En la siguiente ventana damos click en “Guardar Opciones ”

• Ahora nos regresara a la ventana del nuevo tipo de contenido. Haremos click en “Gestionar Presentación”. Dentro de esta, seleccionaremos en el formato del campo dirección “Google Map from one-line address” y Guardamos. Entramos a la configuración del mapa haciendo click en el engrane.

• Configuramos el mapa a nuestro gusto y/o necesidad. Actualizamos y Guardamos. Ahora ya tenemos nuestro tipo de contenido completo, ahora tenemos que agregarlo a nuestro sitio.

GOOGLE MAPS EN DRUPAL – PASO 2: CREAR EL MAPA

• Vamos a crear un nuevo contenido haciendo click en contenido -> agregar contenido

• Seleccionamos “Mapa”.

• Ahora, dejaremos a un lado esto por un momento y buscaremos la dirección que queremos en el mapa. Para esto abrimos google.maps.com y en nuestro caso buscaremos “Antara Polanco”. Copiamos la dirección.

• Regresando a Drupal, llenaremos nuestro nuevo contenido y en el campo de Dirección escribiremos la dirección que copiamos de google maps. Hacemos un link al menú si así lo deseamos y guardamos.

LISTO!!!!• En el menú principal ya aparecerá nuestro mapa!!!!

GRACIAS POR SU ATENCION!!!