C'est bon pour l'affichage à la volée de ma Map.
<script type="text/javascript"src="http://www.google.com/jsapi"></script>
<script>
google.load("maps", "2");
var initMap = function ()
{
var map = new google.maps.Map2(document.getElementById('map'));
// Centrage de la map sur un point, dont on connaît latitude et longitude :
// (en l'occurence, Place Bellecour, à Lyon)
// Et utilisation d'un niveau de Zoom relativement élevé :
var adresse = '<?php echo $ville.$cp; ?>, France';
// Recherche des coordonnées d'un point dont on connait l'adresse :
var geocoder = new google.maps.ClientGeocoder();
geocoder.getLatLng(adresse, function (coord) {
// Et centrage de la map sur les coordonnées renvoyées par Google :
map.setCenter(coord, 11);
});
}
</script>
Par contre en je solliciterai de l'aide pour y intégrer un "marker" et une infos bulle comme ce qui suit :
var marker = new GMarker(coord);
var window = function() {
var tabs = [
new GInfoWindowTab('Infos',
'<strong>Place Bellecour</strong>' +
'<br /><img src="images/place-bellecour-miniature.jpg" alt="" />' +
'<br /><a href="http://fr.wikipedia.org/wiki/Place_Bellecour">Voir l\'article sur Wikipedia (fr)</a>'
),
new GInfoWindowTab('Metro',
'<span id="metroA">Metro A</span>' +
'<br /><span id="metroD">Metro D</span>'
)
];
marker.openInfoWindowTabsHtml(tabs);
};
GEvent.addListener(marker, "click", window);
map.addOverlay(marker)
Sans le tableau
Merci d'avance ...