SlideShare una empresa de Scribd logo
API Google Maps con MySQL
implementado en el desarrollo web
INTRODUCCION
• El API de JavaScript de Google Maps permite
insertar Google Maps en tus páginas web. La
versión 3 de esta API está especialmente
diseñada para proporcionar una mayor
velocidad y que se pueda aplicar más
fácilmente tanto a móviles como a las
aplicaciones de navegador de escritorio
tradicionales.
Cómo funciona Google Maps?
• Es sólo HTML, CSS y JavaScript trabajando junto. Los
mapas son solo imágenes que se cargan en el fondo a
través de peticiones ejecutadas por la tecnología de
AJAX, y se insertan en un <div> en la página HTML.
Mientras navegas en el mapa, el API envía información
acerca de las nuevas coordenadas y los niveles de
“zoom” de el mapa a través de AJAX y esto retorna las
imágenes.
• El API consiste de archivos JavaScript que contienen las
clases, métodos y propiedades que se usan para el
comportamiento de los mapas. ¿Cómo se usan?, de
eso se trata esta guía. Esta guía tratará acerca de la
última versión creada al momento, la versión 3.
DONDE ENCUENTRO UNA GUIA?
ALCANCES
• Se puede crear un mapa dinámico que funcione a
través de GPS obteniendo la información
mediante el envió de datos a través de una
compañía de comunicación que nos permita
enviar datos vía enrutador, en este caso un
servidor MYSQL.
• Referenciar los datos de la base a nuestro Gmap y
focalizar los puntos para poder ubicar a una
persona, vehículo, paquete en tiempo real o de
acorde a sus necesidades.
EJEMPLO REAL:

Más contenido relacionado

Destacado

Creacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMSCreacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMS
zarmath
 
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándaresTaller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
UA WEB, A.C.
 
Estrategias Marketing Online y Social Media Marketing
Estrategias Marketing Online y Social Media MarketingEstrategias Marketing Online y Social Media Marketing
Estrategias Marketing Online y Social Media Marketing
Seeway Formación
 
Plataforma de computacion en la nube
Plataforma de computacion en la nubePlataforma de computacion en la nube
Plataforma de computacion en la nube
Eduardo Castro
 
Diapositivas de slideshare
Diapositivas de slideshareDiapositivas de slideshare
Diapositivas de slideshare
Yarleydis Maestre Beltrán
 
State of the Word 2011
State of the Word 2011State of the Word 2011
State of the Word 2011
photomatt
 

Destacado (6)

Creacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMSCreacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMS
 
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándaresTaller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
Taller El arte de crear (buenos) sitios web: diseño, desarrollo y estándares
 
Estrategias Marketing Online y Social Media Marketing
Estrategias Marketing Online y Social Media MarketingEstrategias Marketing Online y Social Media Marketing
Estrategias Marketing Online y Social Media Marketing
 
Plataforma de computacion en la nube
Plataforma de computacion en la nubePlataforma de computacion en la nube
Plataforma de computacion en la nube
 
Diapositivas de slideshare
Diapositivas de slideshareDiapositivas de slideshare
Diapositivas de slideshare
 
State of the Word 2011
State of the Word 2011State of the Word 2011
State of the Word 2011
 

Similar a Api google maps con my sql implementado en el desarrollo web

Mapas en línea
Mapas en líneaMapas en línea
Mapas en línea
Germania Veloz Remache
 
ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades
Esri España
 
S3 2016 taller-javascript-v2
S3 2016 taller-javascript-v2S3 2016 taller-javascript-v2
S3 2016 taller-javascript-v2
Manuel Gértrudix
 
Ajax
AjaxAjax
Ajax
jeci666h
 
Proyecto MoviFast
Proyecto MoviFastProyecto MoviFast
Proyecto MoviFast
Christian Collaguazo Malla
 
Definición e implementación de soluciones basadas en APIs universales para la...
Definición e implementación de soluciones basadas en APIs universales para la...Definición e implementación de soluciones basadas en APIs universales para la...
Definición e implementación de soluciones basadas en APIs universales para la...
Pablo López Escobés
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
IngDarkseid
 
Competencia inicial iaca
Competencia inicial iacaCompetencia inicial iaca
Competencia inicial iaca
andreacortes58
 
SIBW - TAC - Trabajo - Daniel Díaz Salas
SIBW - TAC - Trabajo - Daniel Díaz SalasSIBW - TAC - Trabajo - Daniel Díaz Salas
SIBW - TAC - Trabajo - Daniel Díaz Salas
Daniel Díaz Salas
 
Ven a Conocer el Presente de Internet: ArcGIS Server 10
Ven a Conocer el Presente de Internet: ArcGIS Server 10Ven a Conocer el Presente de Internet: ArcGIS Server 10
Ven a Conocer el Presente de Internet: ArcGIS Server 10
Esri
 
Google maps
Google mapsGoogle maps
Google maps
Mauro Mejia
 
Presentacion ajax
Presentacion ajaxPresentacion ajax
Presentacion ajax
PRODUCCIONES PISCATAWAY
 
ArcGIS for Server - Conferencia Esri España 2012
ArcGIS for Server - Conferencia Esri España 2012ArcGIS for Server - Conferencia Esri España 2012
ArcGIS for Server - Conferencia Esri España 2012
Esri
 
CTParking documentacion aplicacion
CTParking documentacion aplicacion CTParking documentacion aplicacion
CTParking documentacion aplicacion
christian marcelo torres torres
 
Ajax
AjaxAjax
Novedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri EspañaNovedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri España
Esri
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
josia321
 
Presentacion de proyecto interciclo
Presentacion de proyecto intercicloPresentacion de proyecto interciclo
Presentacion de proyecto interciclo
Edwin Narváez
 
Tecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web pointTecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web point
Angulo Aroka
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
iagardea
 

Similar a Api google maps con my sql implementado en el desarrollo web (20)

Mapas en línea
Mapas en líneaMapas en línea
Mapas en línea
 
ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades ArcGIS 10.3 Novedades
ArcGIS 10.3 Novedades
 
S3 2016 taller-javascript-v2
S3 2016 taller-javascript-v2S3 2016 taller-javascript-v2
S3 2016 taller-javascript-v2
 
Ajax
AjaxAjax
Ajax
 
Proyecto MoviFast
Proyecto MoviFastProyecto MoviFast
Proyecto MoviFast
 
Definición e implementación de soluciones basadas en APIs universales para la...
Definición e implementación de soluciones basadas en APIs universales para la...Definición e implementación de soluciones basadas en APIs universales para la...
Definición e implementación de soluciones basadas en APIs universales para la...
 
Herramientas web "Ajax"
Herramientas web "Ajax"Herramientas web "Ajax"
Herramientas web "Ajax"
 
Competencia inicial iaca
Competencia inicial iacaCompetencia inicial iaca
Competencia inicial iaca
 
SIBW - TAC - Trabajo - Daniel Díaz Salas
SIBW - TAC - Trabajo - Daniel Díaz SalasSIBW - TAC - Trabajo - Daniel Díaz Salas
SIBW - TAC - Trabajo - Daniel Díaz Salas
 
Ven a Conocer el Presente de Internet: ArcGIS Server 10
Ven a Conocer el Presente de Internet: ArcGIS Server 10Ven a Conocer el Presente de Internet: ArcGIS Server 10
Ven a Conocer el Presente de Internet: ArcGIS Server 10
 
Google maps
Google mapsGoogle maps
Google maps
 
Presentacion ajax
Presentacion ajaxPresentacion ajax
Presentacion ajax
 
ArcGIS for Server - Conferencia Esri España 2012
ArcGIS for Server - Conferencia Esri España 2012ArcGIS for Server - Conferencia Esri España 2012
ArcGIS for Server - Conferencia Esri España 2012
 
CTParking documentacion aplicacion
CTParking documentacion aplicacion CTParking documentacion aplicacion
CTParking documentacion aplicacion
 
Ajax
AjaxAjax
Ajax
 
Novedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri EspañaNovedades ArcGIS 10.1 - Castellano - Esri España
Novedades ArcGIS 10.1 - Castellano - Esri España
 
Ajax tecnologia
Ajax tecnologiaAjax tecnologia
Ajax tecnologia
 
Presentacion de proyecto interciclo
Presentacion de proyecto intercicloPresentacion de proyecto interciclo
Presentacion de proyecto interciclo
 
Tecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web pointTecnología ajax para el manejo de la web point
Tecnología ajax para el manejo de la web point
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 

Último

TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
KukiiSanchez
 
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdfProjecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Festibity
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
mantenimientocarbra6
 
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Festibity
 
Modo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdfModo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdf
ranierglez
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
YaniEscobar2
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
EXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDAD
EXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDADEXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDAD
EXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDAD
AngelCristhianMB
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
Manuel Diaz
 
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdfPLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
70244530
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
MiguelAtencio10
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
MiguelAtencio10
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
Paola De la Torre
 
Refrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y ForzadoRefrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y Forzado
NicandroMartinez2
 
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
leia ereni
 
625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf
yuberpalma
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
Festibity
 

Último (20)

TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
 
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdfProjecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
Projecte Iniciativa TIC 2024 SOPRA STERIA. inCV.pdf
 
Manual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computoManual Web soporte y mantenimiento de equipo de computo
Manual Web soporte y mantenimiento de equipo de computo
 
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdfProjecte Iniciativa TIC 2024 HPE. inCV.pdf
Projecte Iniciativa TIC 2024 HPE. inCV.pdf
 
Modo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdfModo test refrigeradores y codigos de errores 2018 V2.pdf
Modo test refrigeradores y codigos de errores 2018 V2.pdf
 
computacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADOcomputacion global 3.pdf pARA TERCER GRADO
computacion global 3.pdf pARA TERCER GRADO
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
EXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDAD
EXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDADEXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDAD
EXAMEN DE TOPOGRAFIA RESUELTO-2017 CURSO DE UNIVERSIDAD
 
Programming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdfProgramming & Artificial Intelligence ebook.pdf
Programming & Artificial Intelligence ebook.pdf
 
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdfPLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
PLAN DE MANTENMIENTO preventivo de un equipo de computo.pdf
 
mantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptxmantenimiento de chasis y carroceria1.pptx
mantenimiento de chasis y carroceria1.pptx
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
Mantenimiento de sistemas eléctricos y electrónicosarticles-241712_recurso_6....
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
 
Refrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y ForzadoRefrigeradores Samsung Modo Test y Forzado
Refrigeradores Samsung Modo Test y Forzado
 
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
 
625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
Informació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdfInformació Projecte Iniciativa TIC HPE.pdf
Informació Projecte Iniciativa TIC HPE.pdf
 

Api google maps con my sql implementado en el desarrollo web

  • 1. API Google Maps con MySQL implementado en el desarrollo web
  • 2. INTRODUCCION • El API de JavaScript de Google Maps permite insertar Google Maps en tus páginas web. La versión 3 de esta API está especialmente diseñada para proporcionar una mayor velocidad y que se pueda aplicar más fácilmente tanto a móviles como a las aplicaciones de navegador de escritorio tradicionales.
  • 3. Cómo funciona Google Maps? • Es sólo HTML, CSS y JavaScript trabajando junto. Los mapas son solo imágenes que se cargan en el fondo a través de peticiones ejecutadas por la tecnología de AJAX, y se insertan en un <div> en la página HTML. Mientras navegas en el mapa, el API envía información acerca de las nuevas coordenadas y los niveles de “zoom” de el mapa a través de AJAX y esto retorna las imágenes. • El API consiste de archivos JavaScript que contienen las clases, métodos y propiedades que se usan para el comportamiento de los mapas. ¿Cómo se usan?, de eso se trata esta guía. Esta guía tratará acerca de la última versión creada al momento, la versión 3.
  • 4.
  • 6. ALCANCES • Se puede crear un mapa dinámico que funcione a través de GPS obteniendo la información mediante el envió de datos a través de una compañía de comunicación que nos permita enviar datos vía enrutador, en este caso un servidor MYSQL. • Referenciar los datos de la base a nuestro Gmap y focalizar los puntos para poder ubicar a una persona, vehículo, paquete en tiempo real o de acorde a sus necesidades.