Bonjour,
Je débute en Géoportail/OpenLayers et j'avoue que j'ai du mal à trouver des ressources sur ce sujet sur Internet.
Voici mon code de débutant :
inspiré d'un code trouvé sur Internet, à part le key mon code est comme ça. Tout fonctionne sauf le cadastre, apparemment ce serait pas du WMTS mais du WMS mais je n'ai aucune idée quant au moyen d'adapter mon code pour le faire afficher.
Merci de votre aide.
Cordialement.
Je débute en Géoportail/OpenLayers et j'avoue que j'ai du mal à trouver des ressources sur ce sujet sur Internet.
Voici mon code de débutant :
Code PHP:
<link rel="stylesheet" href="/OpenLayers/theme/default/style.css" type="text/css">
<script src="/OpenLayers/lib/OpenLayers.js"></script>
<script src="/jquery.js"></script>
<script>
var key = "secret !";
var map;
function init() {
map = new OpenLayers.Map({
div: "map",
projection: "EPSG:3857"
});
var osm = new OpenLayers.Layer.OSM();
var options = {
name: "Cartes IGN",
url: "http://gpp3-wxs.ign.fr/"+key+"/wmts",
layer: "GEOGRAPHICALGRIDSYSTEMS.MAPS",
matrixSet: "PM",
style: "normal",
numZoomLevels: 19,
attribution: \'Map base: ©IGN <a href="http://www.geoportail.fr/" target="_blank"><img src="http://api.ign.fr/geoportail/api/js/2.0.0beta/theme/geoportal/img/logo_gp.gif"></a> <a href="http://www.geoportail.gouv.fr/depot/api/cgu/licAPI_CGUF.pdf" alt="TOS" title="TOS" target="_blank">Terms of Service</a>\'
};
var cartes = new OpenLayers.Layer.WMTS(options);
options.name = "Photos IGN";
options.layer = "ORTHOIMAGERY.ORTHOPHOTOS";
options.numZoomLevels = 20;
var photos = new OpenLayers.Layer.WMTS(options);
options.name = "Etat Major";
options.layer = "GEOGRAPHICALGRIDSYSTEMS.ETATMAJOR40";
var major = new OpenLayers.Layer.WMTS(options);
options.name = "Cadastre";
options.layer = "FXX.CADASTRALPARCELS.PARCELS";
var cadastre= new OpenLayers.Layer.WMTS(options);
map.addLayers([cartes, osm, photos, major,cadastre]);
map.addControl(new OpenLayers.Control.LayerSwitcher());
var proj = new OpenLayers.Projection("EPSG:4326");//WGS84
var point = new OpenLayers.LonLat(4/60+21.13/3600, 45+57/60+19.71/3600);
point.transform(proj, map.getProjectionObject());
map.setCenter(point, 15);
}
$(document).ready(init);
</script>
Merci de votre aide.
Cordialement.