API Google Maps v3 - Villes de plus de 3000 habitants

Code:

<head>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
lieux = new Array();
// centre de la France
lat=46.52863469527167;
lon=2.43896484375;
var carte;
var image="./green-dot.png";
var titre;
var contenu = '<br>Voici le centre de la France, <a href="https://www.publicities.fr">et mon site</a>';

function addmarqueur()
{
var MyPosition = new google.maps.LatLng(lat,lon);
var MyMarker = new google.maps.Marker({
position: MyPosition,
map: carte,
icon: image
});
var infoWindow = new google.maps.InfoWindow({
content  : contenu,
position : MyPosition
});
google.maps.event.addListener(MyMarker, 'click', function() {
infoWindow.open(carte,MyMarker);
});

}


function initialiser() {

var centre = new google.maps.LatLng(lat,lon);
var options = {center: centre, zoom: 6, mapTypeId : google.maps.MapTypeId.TERRAIN };
// Type de carte, différentes valeurs possible HYBRID, ROADMAP, SATELLITE, TERRAIN 
carte = new google.maps.Map(document.getElementById("carte"), options);



for (var i = 0; i < lieux.length; i++) {
lieu = lieux[i];
lat = lieu['latitude'];
lon = lieu['longitude'];
titre = lieu['ville'];
contenu = lieu['info'];
addmarqueur();
					}

}


</script>
/* organisation du fichier population_3000+.js :
var lieux = [
{ville:'Hourtin', latitude:45.187222222, longitude:-1.056388888, info:'Hourtin'}
];
*/
<script type="text/javascript" src="./population_3000+.js"></script>

</head>
 
<body onload="initialiser();">
<div id="carte" style="width:90%; height:90%"></div>
</center>
</body>

Vous aurez aussi besoin du javascript comportant la liste des villes avec les datas associées: >> population_3000+.js <<

Ce fichier javascript est constitué à partir d'une base de données de toutes les villes françaises.