Salve a tutti, unendo alcuni script di Google Maps volevo ottenere una mappa con un Marker personalizzato (con una mia icona) e una finestra popup (InfoWindow) già aperta al caricamento della mappa. Sono riuscito a fare tutto, l'unico inconveniente è che non sono riuscito ad eliminare il classico marker di Google. Praticamente ci sono il marker di Google e la mia icona che si sovrappongono uno sopra l'altro. Ho fatto varie prove ma non riesco proprio a risolvere. Cortesemente mi date una mano?
Di seguito ho scritto il codice della mappa e poi ho allegato uno screen per far capire meglio il risultato ottenuto.
CODICE MAPPA:
Di seguito ho scritto il codice della mappa e poi ho allegato uno screen per far capire meglio il risultato ottenuto.
CODICE MAPPA:
Codice:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(41.9027835,12.4963655);
var mapOptions = {
zoom: 10,
center: myLatlng
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var image = 'images/marker-icon.png';
var myLatLng = new google.maps.LatLng(41.9027835,12.4963655);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
var contentString = 'Testo testo testo';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'TESTO'
});
infowindow.open(map,marker);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Ultima modifica di un moderatore: