diff --git a/examples/kml.js b/examples/kml.js
index 885ab94ff0..148b73a1f4 100644
--- a/examples/kml.js
+++ b/examples/kml.js
@@ -4,7 +4,6 @@ goog.require('ol.View2D');
goog.require('ol.layer.TileLayer');
goog.require('ol.layer.Vector');
goog.require('ol.parser.KML');
-goog.require('ol.proj');
goog.require('ol.source.TiledWMS');
goog.require('ol.source.Vector');
@@ -20,19 +19,13 @@ var raster = new ol.layer.TileLayer({
})
});
-var epsg4326 = ol.proj.get('EPSG:4326');
-
var vector = new ol.layer.Vector({
source: new ol.source.Vector({
- projection: epsg4326
- }),
- transformFeatureInfo: function(features) {
- var info = [];
- for (var i = 0, ii = features.length; i < ii; ++i) {
- info.push(features[i].get('name'));
- }
- return info.join(', ');
- }
+ parser: new ol.parser.KML({
+ maxDepth: 1, dimension: 2, extractStyles: true, extractAttributes: true
+ }),
+ url: 'data/kml/lines.kml'
+ })
});
var map = new ol.Map({
@@ -40,37 +33,23 @@ var map = new ol.Map({
renderer: ol.RendererHint.CANVAS,
target: 'map',
view: new ol.View2D({
- projection: epsg4326,
+ projection: 'EPSG:4326',
center: [-112.169, 36.099],
zoom: 11
})
});
-var kml = new ol.parser.KML({
- maxDepth: 1, dimension: 2, extractStyles: true, extractAttributes: true});
-
map.on(['click', 'mousemove'], function(evt) {
- map.getFeatureInfo({
+ map.getFeatures({
pixel: evt.getPixel(),
layers: [vector],
- success: function(featureInfo) {
- document.getElementById('info').innerHTML = featureInfo[0] || ' ';
+ success: function(featuresByLayer) {
+ var features = featuresByLayer[0];
+ var info = [];
+ for (var i = 0, ii = features.length; i < ii; ++i) {
+ info.push(features[i].get('name'));
+ }
+ document.getElementById('info').innerHTML = info.join(', ') || ' ';
}
});
});
-
-var url = 'data/kml/lines.kml';
-var xhr = new XMLHttpRequest();
-xhr.open('GET', url, true);
-
-
-/**
- * onload handler for the XHR request.
- */
-xhr.onload = function() {
- if (xhr.status == 200) {
- // this is silly to have to tell the layer the destination projection
- vector.parseFeatures(xhr.responseText, kml, epsg4326);
- }
-};
-xhr.send();
diff --git a/examples/loader.js b/examples/loader.js
index 684e870b41..603b500d29 100644
--- a/examples/loader.js
+++ b/examples/loader.js
@@ -1,14 +1,14 @@
/**
- * Loader to add the plovr generated script and ol.css to the document.
+ * Loader to add the plovr generated script to the document.
*
* The following default values may be overridden with query string
* parameters:
*
* * hostname - the current hostname (window.location.hostname)
* * port - 9810
- * * mode - ADVANCED
+ * * mode - RAW
* * id - id param in loader.js query string; defaults to 'ol' if not set
*
* Usage:
@@ -20,7 +20,7 @@
var params = {
hostname: window.location.hostname,
port: '9810',
- mode: 'ADVANCED',
+ mode: 'RAW',
id: 'ol'
};
if (window.location.protocol === 'file:' && !params.hostname) {
@@ -59,8 +59,6 @@
pairs.push(encodeURIComponent(key) + '=' + encodeURIComponent(params[key]));
}
- document.write('
');
var url = 'http://' + host + '/compile?' + pairs.join('&');
document.write('');
}());
diff --git a/examples/localized-openstreetmap.html b/examples/localized-openstreetmap.html
index abe0b2aae3..16503e4a51 100644
--- a/examples/localized-openstreetmap.html
+++ b/examples/localized-openstreetmap.html
@@ -4,6 +4,7 @@
+
@@ -35,7 +36,7 @@
-
+
Localized OpenStreetMap example
Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.
diff --git a/examples/mapquest.html b/examples/mapquest.html
index 990c183b1c..07a512c639 100644
--- a/examples/mapquest.html
+++ b/examples/mapquest.html
@@ -4,6 +4,7 @@
+
@@ -35,7 +36,7 @@
-
+
MapQuest example
Example of a MapQuest map.
diff --git a/examples/mobile-full-screen.html b/examples/mobile-full-screen.html
index f478636a7a..73c0ac0086 100644
--- a/examples/mobile-full-screen.html
+++ b/examples/mobile-full-screen.html
@@ -4,6 +4,7 @@
+
Mobile full screen example
+
+
+
+
+
+
+
+
+
+
+
+
+
IGN WMTS example
+
Demonstrates displaying IGN (France) WMTS layers.
+
+
In this example two IGN WMTS layers are displayed: Ortho imagery and Cadastral parcels. .
+ For more information on IGN's WMTS service see the
+ IGN Géoportail API web page (french).
+
See the wmts-ign.js source to see how this is done.
+
+
french, ign, geoportail, wmts
+
+
+
+
+
+
+
+
+
+
+
+