Foros del Web » Programando para Internet » Javascript »

Cambiar icono de google maps

Estas en el tema de Cambiar icono de google maps en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/04/2013, 02:31
 
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
  #2 (permalink)  
Antiguo 12/04/2013, 10:11
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 16 años, 3 meses
Puntos: 103
Respuesta: Cambiar icono de google maps

Fijate bien en la documentación de Google maps
Marcadores

Etiquetas: formulario, funcion, google, icono, maps
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 08:48.