登录 | 注册 | FAQ
Anonymous

DEMANDE

+ 发表回复

1 篇帖子 分页: 1 / 1


DEMANDE

JEFF_STSAVIN » 周六 10月 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>
头像

JEFF_STSAVIN

  • 帖子: 1
  • 注册: 周六 10月 24, 2015 5:05 am


+ 发表回复

分页: 1 / 1