como Utilizar una base de datos en google maps

dalios · #1 (**permalink**) 27/04/2012, 18:13

Que tal soy nuevo en el foro, mi pregunta es acerca de google maps, tengo un codigo fuente que traza rutas en un mapa con la funcion directions.load, donde tengo que escribir las coordenadas del punto de inicio al punto final en donde quiero trazar una linea sobre el mapa, lo que quiero hacer es que en lugar de escribir las coordenadas en la funcion guardar las coordenadas en una base de datos, desde el programa cargar la base de datos con las coordenadas y que traze las rutas utilizando la misma funcion. la verdad no se mucho de javascript apenas lo estoy comenzando a utilizar, espero me puedan ayudar, saludos.

Este es el codigo como lo estoy haciendo ahora escribiendo las coordenadas en la funcion, ahora lo que quiero es que esa misma funcion traze las rutas pero ahoras cargandolas desde una base de datos.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example: Event Context</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
            type="text/javascript"></script>
    <script type="text/javascript">
    var map; 
    var directionsPanel; 
    var directions;  
    
    function initialize() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
        directionsPanel = document.getElementById("my_textual_div");
        map.setCenter(new GLatLng(19.0452, -98.1975), 13);
        directions = new GDirections(map, directionsPanel);
 
        directions.load("from: 19.073260673918124, -98.2043295353651 to: 19.06999624726789, -98.20791766047478 to: 19.064128229593183, -98.1915333867073 to: 19.0257550617554, -98.20219047367573 to: 18.97479962658195, -98.19917231798172 to: 19.004445695393812, -98.20159770548343 to: 19.01793292132586, -98.19894500076771 to: 19.028408635607672, -98.20362009108066 to: 19.074056649387504, -98.20203959941864 to: 19.07335763610258, -98.20421755313873 to: 19.072501451715087, -98.21090295910835 to: 19.07882735215525, -98.21027532219887 to: 19.081722787412197, -98.20583023130893 to: 19.07341784135196, -98.2041484862566");
 
GEvent.addListener(map, "moveend", function() {
          var center = map.getCenter();
          document.getElementById("message").innerHTML = center.toString();
          
    });
      }
    }
    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
    <div id="message"></div>
  </body>
</html>