Afficher un marqueur google maps au passage de la souris
2 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
Afficher un marqueur google maps au passage de la souris
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

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
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
// 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
2 messages • Page 1 sur 1
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Tutorial Google Maps API
- API Google Maps en Flash / Flex
- Yahoo Maps API
- Plein de chiffres incroyables sur Google Maps
- Google Maps pour Mobiles (version Windows Mobile)
- Analyse de Google Maps et Yahoo Local
- BloGoMaps : le blog officiel de Google Maps (en français)
- Google Lat Long : un blog sur Google Earth et Google Maps
- MyMaps : des cartes personnalisées avec Google Maps
- Google rachète Trendalyser de gapminder.org
Consultez la description détaillée des produits ou services de Google suivants : Google Local Business Ads, Google Maps API
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

le forum