Connexion | Inscription | FAQ
Anonymous

DEMANDE

+ Publier une réponse

1 message Page 1 sur 1


DEMANDE

par JEFF_STSAVIN » Sam Oct 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 de l’utilisateur

JEFF_STSAVIN

  • Messages: 1
  • Inscrit le: Sam Oct 24, 2015 5:05 am


+ Publier une réponse

Page 1 sur 1