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 originalvar 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