Ver Mensaje Individual
  #5 (permalink)  
Antiguo 17/07/2013, 03:32
txemaarbulo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como añadir a este codigo que muestre una marca de google maps

Tu idea es válida pero para que funcione has de recargar la página ya que en la function calcRoute() no comprobará si end.value contiene algo.

El código javascript completo sobre lo que te enviaba, quedaría así:
Código Javascript:
Ver original
  1. var map;
  2. var directionsDisplay = new google.maps.DirectionsRenderer();
  3. var directionsService = new google.maps.DirectionsService();
  4. window.onload = function () {
  5.     var latlng = new google.maps.LatLng(37.890054, -4.778567);
  6.     var opciones = {
  7.         center: latlng,
  8.         zoom: 14,
  9.         mapTypeId: google.maps.MapTypeId.ROADMAP
  10.     };
  11.     map = new google.maps.Map(document.getElementById('map_canvas'), opciones);
  12.     if (document.getElementById('end').value == '') {
  13.       var imagen = new google.maps.MarkerImage('http://www.dondelocompro.es/img/nuevas/home/ico_pincho.png', new google.maps.Size(20, 32), new google.maps.Point(0, 0), new google.maps.Point(0, 32), new google.maps.Size(20, 32));
  14.       var marker = new google.maps.Marker({
  15.         position: latlng,
  16.         map: map,
  17.         title: 'Titulo',
  18.         icon: imagen
  19.       });
  20.     }
  21. };
  22.  
  23. function calcRoute() {
  24.     var start = document.getElementById('start').value;
  25.     var end = document.getElementById('end').value;
  26.     var request = {
  27.         origin: start,
  28.         destination: end,
  29.         travelMode: google.maps.TravelMode.WALKING
  30.     };
  31.     directionsService.route(request, function (response, status) {
  32.         if (status == google.maps.DirectionsStatus.OK) {
  33.             directionsDisplay.setMap(map);
  34.             directionsDisplay.setPanel(document.getElementById('directions-panel'));
  35.             directionsDisplay.setDirections(response)
  36.         } else {
  37.             alert("No existen rutas entre ambos puntos")
  38.         }
  39.     });
  40.     window.onload();
  41. }

Muy importante window.onload(); al final de la function calcRoute()