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
var mapa; var geocoder; var marcador = new google.maps.Marker({ position: new google.maps.LatLng(34.404, 6.008), map: map, title: 'Que lugar es este?', icon: 'imagenes/marca.png' }); function inicializar(){ geocoder = new google.maps.Geocoder(); var myLatlng = new google.maps.LatLng(37.8881751,-4.779383); var mapOptions = { zoom: 16, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP } mapa = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); google.maps.event.addListener(mapa, 'click', function (event){ creaMarcador(event.latLng) }); } function creaMarcador(localizacion){ // Crear marcador if (marcador) marcador.setMap(null); marcador = new google.maps.Marker({ position: localizacion, draggable: true, map: mapa }); mapa.setCenter(localizacion); // Rellenar X e Y document.formulario.latitud.value=localizacion.lat(); document.formulario.longitud.value=localizacion.lng(); // Modificar X e Y al mover google.maps.event.addListener(marcador,'drag',function(event){ document.formulario.latitud.value=event.latLng.lat(); document.formulario.longitud.value=event.latLng.lng(); //mapa.setCenter(localizacion); }); } function direc(){ if(document.getElementById("provincias").value == '14'){ var dire = document.getElementById("direccion").value + 'cordoba españa'; }else{ var dire = document.getElementById("direccion").value + document.getElementById("provincias").value; } geocoder.geocode( {'address': dire}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { mapa.setCenter(results[0].geometry.location); creaMarcador(results[0].geometry.location); } else { alert("Geocode was not successful for the following reason: " + status); } }); }
Un saludo amigos