diff --git a/examples/vector-osm.html b/examples/vector-osm.html deleted file mode 100644 index 336dcd79e1..0000000000 --- a/examples/vector-osm.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -layout: example.html -title: OSM XML -shortdesc: Example of using the OSM XML source. -docs: > - OSM XML vector data is loaded dynamically from a server using a tiling strategy. -tags: "vector, osm, xml, loading, server" -cloak: - AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF: Your Bing Maps Key from http://www.bingmapsportal.com/ here ---- -
diff --git a/examples/vector-osm.js b/examples/vector-osm.js deleted file mode 100644 index 4a3439b855..0000000000 --- a/examples/vector-osm.js +++ /dev/null @@ -1,129 +0,0 @@ -goog.require('ol.Map'); -goog.require('ol.View'); -goog.require('ol.control'); -goog.require('ol.format.OSMXML'); -goog.require('ol.layer.Tile'); -goog.require('ol.layer.Vector'); -goog.require('ol.loadingstrategy'); -goog.require('ol.proj'); -goog.require('ol.source.BingMaps'); -goog.require('ol.source.Vector'); -goog.require('ol.style.Circle'); -goog.require('ol.style.Fill'); -goog.require('ol.style.Stroke'); -goog.require('ol.style.Style'); -goog.require('ol.tilegrid'); - -var styles = { - 'amenity': { - 'parking': new ol.style.Style({ - stroke: new ol.style.Stroke({ - color: 'rgba(170, 170, 170, 1.0)', - width: 1 - }), - fill: new ol.style.Fill({ - color: 'rgba(170, 170, 170, 0.3)' - }) - }) - }, - 'building': { - '.*': new ol.style.Style({ - zIndex: 100, - stroke: new ol.style.Stroke({ - color: 'rgba(246, 99, 79, 1.0)', - width: 1 - }), - fill: new ol.style.Fill({ - color: 'rgba(246, 99, 79, 0.3)' - }) - }) - }, - 'highway': { - 'service': new ol.style.Style({ - stroke: new ol.style.Stroke({ - color: 'rgba(255, 255, 255, 1.0)', - width: 2 - }) - }), - '.*': new ol.style.Style({ - stroke: new ol.style.Stroke({ - color: 'rgba(255, 255, 255, 1.0)', - width: 3 - }) - }) - }, - 'landuse': { - 'forest|grass|allotments': new ol.style.Style({ - stroke: new ol.style.Stroke({ - color: 'rgba(140, 208, 95, 1.0)', - width: 1 - }), - fill: new ol.style.Fill({ - color: 'rgba(140, 208, 95, 0.3)' - }) - }) - }, - 'natural': { - 'tree': new ol.style.Style({ - image: new ol.style.Circle({ - radius: 2, - fill: new ol.style.Fill({ - color: 'rgba(140, 208, 95, 1.0)' - }), - stroke: null - }) - }) - } -}; - -var vectorSource = new ol.source.Vector({ - format: new ol.format.OSMXML(), - url: function(extent, resolution, projection) { - var epsg4326Extent = - ol.proj.transformExtent(extent, projection, 'EPSG:4326'); - return 'https://overpass-api.de/api/xapi?map?bbox=' + - epsg4326Extent.join(','); - }, - strategy: ol.loadingstrategy.tile(ol.tilegrid.createXYZ({ - maxZoom: 19 - })) -}); - -var vector = new ol.layer.Vector({ - source: vectorSource, - style: function(feature) { - for (var key in styles) { - var value = feature.get(key); - if (value !== undefined) { - for (var regexp in styles[key]) { - if (new RegExp(regexp).test(value)) { - return styles[key][regexp]; - } - } - } - } - return null; - } -}); - -var raster = new ol.layer.Tile({ - source: new ol.source.BingMaps({ - imagerySet: 'Aerial', - key: 'AkGbxXx6tDWf1swIhPJyoAVp06H0s0gDTYslNWWHZ6RoPqMpB9ld5FY1WutX8UoF' - }) -}); - -var map = new ol.Map({ - layers: [raster, vector], - target: document.getElementById('map'), - controls: ol.control.defaults({ - attributionOptions: /** @type {olx.control.AttributionOptions} */ ({ - collapsible: false - }) - }), - view: new ol.View({ - center: [739218, 5906096], - maxZoom: 19, - zoom: 17 - }) -});