en Drupal 7 Abad Sánchez Marelen Popoca Galvan Javier Alan

Presentación del tema: "en Drupal 7 Abad Sánchez Marelen Popoca Galvan Javier Alan"— Transcripción de la presentación:

1 en Drupal 7 Abad Sánchez Marelen Popoca Galvan Javier Alan
Ruiz Fernández Ashley Heyeral Vargas Pérez Gabriela Vázquez González María Fernanda

2 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

3 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:

4 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

5 Seleccionamos “Añadir Tipo de Contenido”

6 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”

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

8 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 ”

9 Ahora nos regresara a la ventana del nuevo tipo de contenido
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.

10 Configuramos el mapa a nuestro gusto y/o necesidad
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.

11 GooGLE MAPS EN DRUPAL – PASO 2: Crear EL MAPA
Vamos a crear un nuevo contenido haciendo click en contenido -> agregar contenido

12 Seleccionamos “Mapa”.

13 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.

14 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.

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

16 GRACIAS POR SU ATENCION!!!