Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/04/2013, 02:31
franjgg
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 17 años, 8 meses
Puntos: 4
Cambiar icono de google maps

Hola amigos vereis,

Tengo un mapa en el que se puede buscar una ubicacion y demas la cosa es que me gustaria cambiar el icono de la flecha por uno personal he visto algunos ejemplos pero no me funciona ninguno.

A ver si alguien sabe un poco del tema.

El codigo en cuestion es este:

Código Javascript:
Ver original
  1. var mapa;
  2.  
  3.             var geocoder;  
  4.  
  5.             var marcador = new google.maps.Marker({
  6.               position: new google.maps.LatLng(34.404, 6.008),
  7.               map: map,
  8.               title: 'Que lugar es este?',
  9.               icon: 'imagenes/marca.png'
  10.             });
  11.  
  12.             function inicializar(){    
  13.             geocoder = new google.maps.Geocoder();        
  14.             var myLatlng = new google.maps.LatLng(37.8881751,-4.779383);
  15.             var mapOptions = {
  16.                   zoom: 16,
  17.                   center: myLatlng,
  18.                   mapTypeId: google.maps.MapTypeId.ROADMAP
  19.             }
  20.             mapa = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);    
  21.  
  22.             google.maps.event.addListener(mapa, 'click', function (event){
  23.                 creaMarcador(event.latLng)
  24.                 });
  25.  
  26.             }
  27.  
  28.             function creaMarcador(localizacion){                
  29.                 // Crear marcador
  30.                    if (marcador) marcador.setMap(null);                  
  31.                    marcador = new google.maps.Marker({
  32.                    position: localizacion,
  33.                    draggable: true,
  34.                    map: mapa
  35.                 });
  36.                 mapa.setCenter(localizacion);
  37.                  // Rellenar X e Y
  38.                 document.formulario.latitud.value=localizacion.lat();
  39.                 document.formulario.longitud.value=localizacion.lng();
  40.  
  41.                 // Modificar X e Y al mover
  42.                 google.maps.event.addListener(marcador,'drag',function(event){
  43.                     document.formulario.latitud.value=event.latLng.lat();
  44.                     document.formulario.longitud.value=event.latLng.lng();
  45.                     //mapa.setCenter(localizacion);
  46.                 });
  47.  
  48.             }
  49.  
  50.             function direc(){
  51.  
  52.  
  53.             if(document.getElementById("provincias").value == '14'){
  54.        
  55.                 var dire = document.getElementById("direccion").value + 'cordoba españa';
  56.  
  57.             }else{
  58.  
  59.                 var dire = document.getElementById("direccion").value + document.getElementById("provincias").value;   
  60.             }
  61.  
  62.               geocoder.geocode( {'address': dire}, function(results, status) {
  63.             if (status == google.maps.GeocoderStatus.OK) {
  64.                   mapa.setCenter(results[0].geometry.location);
  65.                   creaMarcador(results[0].geometry.location);
  66.               }
  67.              else {
  68.                   alert("Geocode was not successful for the following reason: " + status);
  69.             }                
  70.             });
  71.  
  72.             }

Un saludo amigos