Hum, oui, bon, d'accord... Justement, j'ai besoin d'aide pour savoir comment imbriquer les 2 fonctions, c'est ce que j'arrive pas à faire.
Voilà le code source généré de la page, affichant les marqueurs 'standards' et une boite de texte quand on clique sur ces marqueurs
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.setCenter(new GLatLng(46.73986059969267, 4.5263671875), 5, G_NORMAL_MAP);
GEvent.addListener(map, "moveend", function() {
var center = map.getCenter();
document.getElementById("message").innerHTML = center.toString();
});
// Creates a marker whose info window displays the given number
function createMarker(point, number)
{
var marker = new GMarker(point);
// Show this markers index in the info window when it is clicked
var html = number;
GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
return marker;
};
var point = new GLatLng(43.2784316495303200,5.4151761531829830);
var marker = createMarker(point, 'Nom 1<br><img src=\'img/icons/user.png\'> Membre du site');
map.addOverlay(marker);
var point = new GLatLng(47.3127587222493840,5.0372314453125000);
var marker = createMarker(point, 'Nom 2<br><img src=\'img/icons/user.png\'> Membre du site');
map.addOverlay(marker);
//]]>
</script>
Et voilà le code donné par google pour changer la forme des marqueurs
// Create our "tiny" marker icon
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
var point = new GLatLng(latitude,longitude);
map.addOverlay(new GMarker(point, icon));
Toute aide sera la bienvenue