تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

DEMANDE

+ إضافة رد

مشاركة واحده صفحة 1 من 1


DEMANDE

بواسطة JEFF_STSAVIN » السبت أكتوبر 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
  • اشترك في: السبت أكتوبر 24, 2015 5:05 am


+ إضافة رد

صفحة 1 من 1