Zaloguj | Zarejestruj | FAQ
Anonymous

DEMANDE

+ Odpowiedz

Posty: 1 Strona 1 z 1


DEMANDE

przez JEFF_STSAVIN » So paź 24, 2015 5:16 am

Bonjour,
Tout nouveau sur le forum et en développement html, j'aurai besoin d'un peu d'aide. Je crée par script des fichiers html contenant des marqueurs Google maps. J'aimerai pouvoir, lorsque le clique sur un générer un fichier texte. Ci après le code
Merci pour votre aide

<!DOCTYPE html>
<html lang= "fr">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta charset="UTF-8" />
<title>VISITES POSSIBLES</title>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#EmplacementDeMaCarte { height: 100% }
</style>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

var tableauMarqueurs = [
{ lat:45.5940995, lng:5.27, ticod: "C", titre: "C0000092", bulle: "1" },
{ lat:45.5933989, lng:5.26, ticod: "C", titre: "C0000141", bulle: "2" },
{ lat:45.5886415, lng:5.37, ticod: "C", titre: "C0000534", bulle: "3" },
{ lat:45.5327390, lng:5.29, ticod: "C", titre: "C0006907", bulle: "4" },
];
var maCarte;
var icone1 = "https://maps.gstatic.com/mapfiles/ms2/micons/red-pushpin.png" ;
var icone2 = "https://maps.gstatic.com/mapfiles/ms2/micons/grn-pushpin.png" ;
var icone3 = "https://maps.gstatic.com/mapfiles/ms2/micons/ylw-pushpin.png" ;
var zoneMarqueurs = new google.maps.LatLngBounds();

function initialisation() {
var optionsCarte = {
zoom: 7,
center: new google.maps.LatLng(47.4,1.6 ),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
maCarte = new google.maps.Map( document.getElementById("EmplacementDeMaCarte"), optionsCarte );
for( var i = 0, I = tableauMarqueurs.length; i < I; i++ ) {
ajouteMarqueur( tableauMarqueurs[i] );
}
maCarte.fitBounds( zoneMarqueurs );
}


function ajouteMarqueur( latlng ) {
var latitude = latlng.lat;
var longitude = latlng.lng;
var titre = latlng.titre;
var contenuInfoBulle = latlng.bulle;

var typetiers = latlng.ticod;
if (typetiers == "O") {
icone = icone3;
}
else if (typetiers == "P") {
icone = icone1;
} else {
icone = icone2;
}
var optionsMarqueur = {
map: maCarte,
position: new google.maps.LatLng( latitude, longitude ),
icon: icone,
title: titre
}

var infoBulle = new google.maps.InfoWindow({
content: contenuInfoBulle
})


var marqueur = new google.maps.Marker( optionsMarqueur );
zoneMarqueurs.extend( marqueur.getPosition() );

google.maps.event.addListener(marqueur, 'click', function() {
infoBulle.open(maCarte, marqueur);
});



}




google.maps.event.addDomListener( window, 'load', initialisation );

</script>
</head>
<body>
<div id="EmplacementDeMaCarte"></div>
</body>
</html>
Avatar użytkownika

JEFF_STSAVIN

  • Posty: 1
  • Dołączył(a): So paź 24, 2015 5:05 am


+ Odpowiedz

Strona 1 z 1