87 lines
2.7 KiB
JavaScript
87 lines
2.7 KiB
JavaScript
goog.require('ol.Attribution');
|
|
goog.require('ol.Map');
|
|
goog.require('ol.RendererHint');
|
|
goog.require('ol.View2D');
|
|
goog.require('ol.layer.Tile');
|
|
goog.require('ol.parser.ogc.WMTSCapabilities');
|
|
goog.require('ol.source.WMTS');
|
|
|
|
|
|
// The WMTS Capabilities document includes IGNF:WGS84G as a supported
|
|
// CRS. We include the Proj4js definition of that projection to prevent
|
|
// Proj4js from requesting that definition from spatialreference.org.
|
|
|
|
Proj4js.defs['IGNF:WGS84G'] = '+title=World Geodetic System 1984 ' +
|
|
'+proj=longlat +towgs84=0.0000,0.0000,0.0000,0.0000,0.0000,0.0000,' +
|
|
'0.000000 +a=6378137.0000 +rf=298.2572221010000 +units=m +no_defs <>';
|
|
|
|
// API key valid for "localhost" and "ol3js.org". Expiration date
|
|
// is 21/06/2014.
|
|
var key = 'crrypaoz7j1ifbalcobnumb0';
|
|
|
|
var map = new ol.Map({
|
|
renderer: ol.RendererHint.CANVAS,
|
|
target: 'map'
|
|
});
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
// data/IGNWMTSCapabilities.xml downloaded from
|
|
// http://wxs.ign.fr/cle/geoportail/wmts?SERVICE=WMTS&REQUEST=GetCapabilities
|
|
// Stored locally because of the Same Origin Policy.
|
|
xhr.open('GET', 'data/IGNWMTSCapabilities.xml', true);
|
|
|
|
|
|
/**
|
|
* onload handler for the XHR request.
|
|
*/
|
|
xhr.onload = function() {
|
|
if (xhr.status == 200) {
|
|
var parser = new ol.parser.ogc.WMTSCapabilities();
|
|
var capabilities = parser.read(xhr.responseXML);
|
|
|
|
var wmtsUrl = 'http://wxs.ign.fr/' + key + '/geoportail/wmts';
|
|
|
|
var layerIdentifiers = [
|
|
'ORTHOIMAGERY.ORTHOPHOTOS',
|
|
'CADASTRALPARCELS.PARCELS'
|
|
];
|
|
var layerLogos = [
|
|
'http://gpp3-wxs.ign.fr/static/logos/PLANETOBSERVER/PLANETOBSERVER.gif',
|
|
'http://gpp3-wxs.ign.fr/static/logos/IGN/IGN.gif'
|
|
];
|
|
|
|
var attribution = new ol.Attribution({
|
|
html: '<a href="http://www.geoportail.fr/" target="_blank">' +
|
|
'<img src="http://api.ign.fr/geoportail/api/js/latest/' +
|
|
'theme/geoportal/img/logo_gp.gif"></a>'
|
|
});
|
|
|
|
var sourceOptions;
|
|
var source;
|
|
var layer;
|
|
var i;
|
|
|
|
for (i = 0; i < layerIdentifiers.length; ++i) {
|
|
sourceOptions = ol.source.WMTS.optionsFromCapabilities(
|
|
capabilities, layerIdentifiers[i]);
|
|
// we need to set the URL because it must include the key.
|
|
sourceOptions.urls = [wmtsUrl];
|
|
sourceOptions.attributions = [attribution];
|
|
sourceOptions.logo = layerLogos[i];
|
|
source = new ol.source.WMTS(sourceOptions);
|
|
layer = new ol.layer.Tile({source: source});
|
|
map.addLayer(layer);
|
|
}
|
|
|
|
var view = new ol.View2D();
|
|
view.fitExtent(
|
|
[257596.65942095537, 6250898.984085131,
|
|
262082.55751844167, 6251854.446938695],
|
|
/** @type {ol.Size} */ (map.getSize()));
|
|
map.setView(view);
|
|
}
|
|
};
|
|
|
|
xhr.send();
|