GoogleMaps con AJAX y PHP
Upcoming SlideShare
Loading in...5
×
 

GoogleMaps con AJAX y PHP

on

  • 2,415 views

 

Statistics

Views

Total Views
2,415
Slideshare-icon Views on SlideShare
2,414
Embed Views
1

Actions

Likes
0
Downloads
23
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    GoogleMaps con AJAX y PHP GoogleMaps con AJAX y PHP Presentation Transcript

    • Partes componentes de la API de GoogleMaps con AJAX y PHP M. en G. Enrique Muñoz Goncen Iniciativa SubGeo
    • Sostiene el XHTML de la página Se encarga de la funcionalidad del JavaScript (del lado del servidor) es usado para almacenar la información marcada en formato XML Crea un arreglo JavaScript y objetos que representan cada localización en el mapa Código usado para dar formato y recuperar los datos del archivo data.xml
      • La función storeMarker() envía la información marcada hacia el servidor vía AJAX. Recupera la información desde el DOM y la envía al código storeMarker.php, usando el objeto GXmlHttp
      Index.php Map_functions.js map_data.php storeMarker.php retrieveMarker.php
      • 5 Widgets de control:
      • GLargeMapControl
      • GSmallMapControl
      • GScaleControl
      • GSmallZoomControl
      • GMapTypeControl
      • Objetos:
      • GLatLng
      • Gicon
      • Gmarker
      • GMap2
      • Objetos de AJAX:
      • GXmlHttp
      • XmlHttpRequest
      • Clases:
      • GOverlay
      • Métodos:
      • Gevent.addListener()
      • (reacciona ante los clicks del ususario)
      • Gevent.addListener(map,”click”, function (overlay,latlng)
      • GMap2openInfoWindow()
      • (Crea una ventana de información directamente en el mapa)
      • map.openInfoWindow(latlng,document.createTextNode(you clicked here)
      • Gmarker.openInfoWindow()
      • (crea una ventana de información en una marca, no en el mapa)
      • GMap2.showMapBlowup()
      • GMarker.showMapBlowup()
      • Map.showMapBlowup(New GLatLng(37.4,-122),3, terreno)
      Qué objeto mirar Qué evento escuchar Qué función ejecutar
      • Métodos:
      • document.getElementById()
      • (ingresa datos y recupera los valores del DOM (forma); y concatena cada uno de los valores en el GET del objeto GXmlHttp)
      • onreadystatechange()
      • (procesa la petición del usuario cuando esta completa)