![Citation](https://forum.developpez.be/images/misc/quote_icon.png)
Envoyé par
patrick.agrain
Ci-joint, le code utilisé.
--------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Author" content="Patrick AGRAIN">
<meta name="keywords" content="VTT alsace">
<title>Le Circuit avec Geoportail</title>
<script type="text/javascript"
src="http://api.ign.fr/geoportail/api?v=1.0-e&key=9072066421036500892&instance=MapIGN&">
<!-- -->
</script>
<script type="text/javascript"
src="http://api.ign.fr/geoportail/api/js/1.0/Geoportal.js">
<!-- -->
</script>
<script type="text/javascript">
function initGeoportalMap() {
// creation de la carte
geoportalLoadMapIGN("plancheCarto", "normal", "FXX");
// ajout des couches auxquelles la licence donne accès après le chargement du gpx : évite de charger la france pour rien..
// MapIGN.addGeoportalLayers();
// OU ajout des couches une à une:
// MapIGN.addGeoportalLayer('ORTHOIMAGERY.ORTHOPHOTOS:WMSC',{opacity:1, visibility:false});
MapIGN.addGeoportalLayer('GEOGRAPHICALGRIDSYSTEMS.MAPS:WMSC',{opacity:1, visibility:true});
// ajout d'une couche vide pour éviter le bug du blocage du zoom maxi si carte seul
// MapIGN.getMap().addLayers([new OpenLayers.Layer.Vector('')]);
MapIGN.setInformationPanelVisibility(false);
MapIGN.openLayersPanel(false);
MapIGN.openToolsPanel(false);
olmap = MapIGN.getMap();
// tracage de la couche en important le gpx
nom_couche = "Gpx";
url = "./gpx/geoportail.gpx";
if (url != "0") {
gpxlayer = olmap.addLayer(
"GPX",
nom_couche,
url,
{
visibility: true,
opacity:0.8,
// styleMap: styleMap
style: {strokeColor: "#666699", strokeWidth: 5 }
}
);
// transparence du la couche contenant la trace
//gpxlayer.setOpacity(0.8);
// zoom sur la trace issue du gpx
//gpxlayer.events.register('loadend', gpxlayer, function()
// {
// this.map.zoomToExtent(this.getDataExtent());
// } );
//
//gpxlayer.visibility = true;
}
}
</script>
</head>
<body>
<div id='plancheCarto' style="width:100%;height:500px;"></div>
</body>
</html>
--------
Partager