Partes componentes de la API de GoogleMaps con AJAX y PHP

M. en G. Enrique Muñoz Goncen

Iniciativa SubGeo

Index.php Map_functions.js map_data.php storeMarker.php retrieveMarker.php

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

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)