Afficher un marqueur google maps au passage de la souris

gregthai

Nouveau WRInaute
Bonjour à tous,

Je suis en train d'installer une carte google map pour mon site web.

Voici mon problème :

J'aimerais, lorsque le pointeur de la souris passe sur un marqueur mis sur la carte, que le nom de celui ci s'affiche, et seulement le nom
.
Le seul code que j ai trouvé, m'affiche toutes les infos du marqueur et je trouve ça lourd.
Voici ce code (en rouge) inclus dans un script de base :
<script type="text/javascript">
//<![CDATA[

if (GBrowserIsCompatible()) {

function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});

// The new marker "mouseover" listener
GEvent.addListener(marker,"mouseover", function() {
marker.openInfoWindowHtml(html);
});


return marker;
}

var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(43.907787,-79.359741), 9);

var point = new GLatLng(43.65654,-79.90138);
var marker = createMarker(point,'Some stuff to display in the<br>First Info Window <br>With a <a href="http://www.econym.demon.co.uk">Link</a> to my home page')
map.addOverlay(marker);

var point = new GLatLng(43.91892,-78.89231);
var marker = createMarker(point,'Some stuff to display in the<br>Second Info Window')
map.addOverlay(marker);

var point = new GLatLng(43.82589,-79.10040);
var marker = createMarker(point,'Some stuff to display in the<br>Third Info Window')
map.addOverlay(marker);
}


else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}

// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// -http://www.commchurch.freeserve.co.uk/
// -http://www.econym.demon.co.uk/googlemaps/

//]]>
</script>

Merci pour votre aide
:wink:
 

gregthai

Nouveau WRInaute
Ben en fait, je viens de trouver l'astuce que voici :

// The new marker "mouseover" listener
GEvent.addListener(marker,"mouseover", function() {
marker.openInfoWindowHtml(name+"<br><br>cliquez sur le spot pour obtenir les infos");
});


Le fait de passer la souris sur le marqueur affiche le nom puis en cliquant dessus, toutes les infos apparaissent (texte+photos).

En espérant que cela vous serve aussi :lol:
 

Discussions similaires

Haut