Foros del Web » Programando para Internet » Javascript »

Problema con Javascript en el API de Google Maps

Estas en el tema de Problema con Javascript en el API de Google Maps en el foro de Javascript en Foros del Web. Buenas... tengo el iguiente problema con el api de google maps, más especificamente con el Geocoding, ya que lo agrego a mi código y creo ...
  #1 (permalink)  
Antiguo 04/07/2008, 12:48
 
Fecha de Ingreso: julio-2008
Mensajes: 15
Antigüedad: 15 años, 10 meses
Puntos: 0
Problema con Javascript en el API de Google Maps

Buenas... tengo el iguiente problema con el api de google maps, más especificamente con el Geocoding, ya que lo agrego a mi código y creo el form para la busuqeda de direcciones, pero al darle a buscar, no lo hace solo vuelve a cargar el mismo mapa.

Mi codigo es este:
Código HTML:
 <script type="text/javascript">
    //<![CDATA[

    var iconBlue = new GIcon(); 
    iconBlue.image = 'http://jorgerock.com/mapas/mm_20_blue.png';
    iconBlue.shadow = 'http://jorgerock.com/mapas/mm_20_shadow.png';1
    iconBlue.iconSize = new GSize(12, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

    var iconRed = new GIcon(); 
    iconRed.image = 'http://jorgerock.com/mapas/mm_20_red.png';
    iconRed.shadow = 'http://jorgerock.com/mapas/mm_20_shadow.png';
    iconRed.iconSize = new GSize(12, 20);
    iconRed.shadowSize = new GSize(22, 20);
    iconRed.iconAnchor = new GPoint(6, 20);
    iconRed.infoWindowAnchor = new GPoint(5, 1);

    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;

function load() {
      if (GBrowserIsCompatible()) {
            var map = new GMap(document.getElementById("map"));
var geocoder = new GClientGeocoder();

      function showAddress() {
        var search = document.getElementById("search").value;   
        geo.getLocations(search, function (result)
          { 
            if (result.Status.code == G_GEO_SUCCESS) {
              document.getElementById("message").innerHTML = "Found " +result.Placemark.length +" results";
              for (var i=0; i<result.Placemark.length; i++) {
                var p = result.Placemark[i].Point.coordinates;
                var marker = new GMarker(new GLatLng(p[1],p[0]));
                document.getElementById("message").innerHTML += "<br>"+(i+1)+": "+ result.Placemark[i].address + marker.getPoint();
                map.addOverlay(marker);
              }
              var p = result.Placemark[0].Point.coordinates;
              map.setCenter(new GLatLng(p[1],p[0]),14);
            }
            else {
              var reason="Code "+result.Status.code;
              if (reasons[result.Status.code]) {
                reason = reasons[result.Status.code]
              } 
              alert('Could not find "'+search+ '" ' + reason);
            }
          }
        );
      }
      }
}

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(-33.4535, -70.651703), 11);

        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }

    function createMarker(point, name, address, type) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "<b>" + name + "</b> <br/>" + address;
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }
    
        function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
      	map.setCenter(new GLatLng(-33.4535, -70.651703), 11);
      	      	


        GDownloadUrl("phpsqlajax_genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type);
            map.addOverlay(marker);
          }
        });
      }
    }
    
    
    //]]>
  </script> 
Espero alguien pueda ayudarme y muchas gracias de antemano.

Saludos!
  #2 (permalink)  
Antiguo 29/07/2008, 16:46
 
Fecha de Ingreso: julio-2008
Mensajes: 2
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: Problema con Javascript en el API de Google Maps

Yo también he tenido los mismos problemas con el refresco del .xml

Prueba esto, a mí me ha funcionado:

var url = "http://localhost:8080/app/rss.xml";

url = url + "?" + new Date().valueOf() ;

GDownloadUrl(url, function (doc, responseCode) {
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:27.