je suis a la recherche d'une petite aide , je voudrais ajouté a la page de recherches une couche de point remarquable qui sont dans un fichier KLM
j'ai réussi a faire une page web avec l'affichage de la carte est sa recherche par adresse,mais je n'arrive pas a insérer mes points remarquable.
le fichier klm se trouve a l'adresse suivante : http://www.csatmenton.com/HydrauliquesMenton.kml
Voici le code de ma page :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
</head>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&language=fr">
</script>
<form>
<input type="text" id="adresse"/>
<input type="button" value="Localiser l'intervention " onclick="TrouverAdresse();"/>
</form>
<span id="text_latlng"></span>
<div id="map-canvas" style="float:left;height:500px;width:65%"></div>
<script type="text/javascript">
var geocoder;
var map;
// initialisation de la carte Google Map de départ
function initialiserCarte() {
geocoder = new google.maps.Geocoder();
//la latitude et longitude d centre la carte de départ
var latlng = new google.maps.LatLng(43.774481,7.497540000000072);
var mapOptions = {
zoom : 16,
center : latlng,
mapTypeId : google.maps.MapTypeId.ROADMAP
}
// map-canvas est le conteneur HTML de la carte Google Map
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function TrouverAdresse() {
// Récupération de l'adresse tapée dans le formulaire
var adresse = document.getElementById('adresse').value;
geocoder.geocode( { 'address': adresse}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
// Récupération des coordonnées GPS du lieu tapé dans le formulaire
var strposition = results[0].geometry.location+"";
strposition=strposition.replace('(', '');
strposition=strposition.replace(')', '');
// Affichage des coordonnées dans le <span>
document.getElementById('text_latlng').innerHTML='Coordonnées : '+strposition;
// Création du marqueur du lieu (épingle)
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
});
} else {
alert('Adresse introuvable: ' + status);
}
});
}
// Lancement de la construction de la carte google map
google.maps.event.addDomListener(window, 'load', initialiserCarte);
</script>
<body>
</body>
</html>