doc wms: replace http://demo.opengeo.org/ with https://demo.boundlessgeo.com/ (#5712)
This commit is contained in:
parent
1491de5acd
commit
a03f41b296
@ -10,7 +10,7 @@ title: WMS example
|
||||
crs: L.CRS.EPSG4326
|
||||
});
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'nasa:bluemarble'
|
||||
}).addTo(map);
|
||||
|
||||
|
@ -9,7 +9,7 @@ title: WMS example
|
||||
zoom: 3
|
||||
});
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne'
|
||||
}).addTo(map);
|
||||
|
||||
|
@ -9,7 +9,7 @@ title: WMS example
|
||||
zoom: 3
|
||||
});
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'nasa:bluemarble'
|
||||
}).addTo(map);
|
||||
|
||||
|
@ -10,19 +10,19 @@ title: WMS example
|
||||
});
|
||||
|
||||
var basemaps = {
|
||||
Countries: L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
Countries: L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_countries'
|
||||
}),
|
||||
|
||||
Boundaries: L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
Boundaries: L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_boundary_lines_land'
|
||||
}),
|
||||
|
||||
'Countries, then boundaries': L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
'Countries, then boundaries': L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_countries,ne:ne_10m_admin_0_boundary_lines_land'
|
||||
}),
|
||||
|
||||
'Boundaries, then countries': L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
'Boundaries, then countries': L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_boundary_lines_land,ne:ne_10m_admin_0_countries'
|
||||
})
|
||||
};
|
||||
|
@ -9,11 +9,11 @@ var map = L.map('map', {
|
||||
zoom: 3
|
||||
});
|
||||
|
||||
var tms_ne = L.tileLayer('http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0/ne:ne@EPSG:900913@png/{z}/{x}/{y}.png', {
|
||||
var tms_ne = L.tileLayer('https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0/ne:ne@EPSG:900913@png/{z}/{x}/{y}.png', {
|
||||
tms: true
|
||||
}).addTo(map);
|
||||
|
||||
var tms_bluemarble = L.tileLayer('http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0/nasa:bluemarble@EPSG:900913@jpg/{z}/{x}/{y}.jpg', {
|
||||
var tms_bluemarble = L.tileLayer('https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0/nasa:bluemarble@EPSG:900913@jpg/{z}/{x}/{y}.jpg', {
|
||||
tms: true
|
||||
});
|
||||
|
||||
|
@ -18,21 +18,21 @@ TMS stands for *tiled map service*, and is a map tiling standard more focused on
|
||||
|
||||
## WMS in Leaflet
|
||||
|
||||
When somebody publishes a WMS service, most likely they link to something called a `GetCapabilities` document. For this tutorial, we'll use the demo map services from GeoServer, at http://demo.opengeo.org/geoserver/web/. As you can see in that page, "WMS" links to the following URL:
|
||||
When somebody publishes a WMS service, most likely they link to something called a `GetCapabilities` document. For this tutorial, we'll use the demo map services from GeoServer, at https://demo.boundlessgeo.com/geoserver/web/. As you can see in that page, "WMS" links to the following URL:
|
||||
|
||||
http://demo.opengeo.org/geoserver/ows?service=wms&version=1.3.0&request=GetCapabilities
|
||||
https://demo.boundlessgeo.com/geoserver/ows?service=wms&version=1.3.0&request=GetCapabilities
|
||||
|
||||
Leaflet does not understand WMS `GetCapabilities` documents. Instead, you have to create a `L.TileLayer.WMS` layer, provide the base WMS URL, and specify whatever WMS options you need.
|
||||
|
||||
The base WMS URL is simply the `GetCapabilities` URL, without any parameters, like so:
|
||||
|
||||
http://demo.opengeo.org/geoserver/ows?
|
||||
https://demo.boundlessgeo.com/geoserver/ows?
|
||||
|
||||
And the way to use that in a Leaflet map is simply:
|
||||
|
||||
var map = L.map(mapDiv, mapOptions);
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', wmsOptions).addTo(map);
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', wmsOptions).addTo(map);
|
||||
|
||||
An instance of `L.TileLayer.WMS` needs at least one option: `layers`. Be careful, as the concept of "layer" in Leaflet is different from the concept of "layer" in WMS!
|
||||
|
||||
@ -42,7 +42,7 @@ WMS servers define a set of *layers* in the service. These are defined in the `G
|
||||
|
||||
We can see that the OpenGeo demo WMS has a WMS layer named `ne:ne` with a basemap. Let's see how it looks:
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne'
|
||||
}).addTo(map);
|
||||
|
||||
@ -51,7 +51,7 @@ We can see that the OpenGeo demo WMS has a WMS layer named `ne:ne` with a basema
|
||||
|
||||
Or we can try the `nasa:bluemarble` WMS layer:
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'nasa:bluemarble'
|
||||
}).addTo(map);
|
||||
|
||||
@ -62,7 +62,7 @@ The `layers` option is a comma-separated list of layers. If a WMS service has de
|
||||
|
||||
For the example WMS server we're using, there is a `ne:ne_10m_admin_0_countries` WMS layer showing country landmasses and country names, and a `ne:ne_10m_admin_0_boundary_lines_land` WMS layer showing country boundaries. The WMS server will compose both layers in one image if we request both, separated with a comma:
|
||||
|
||||
var countriesAndBoundaries = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var countriesAndBoundaries = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_countries,ne:ne_10m_admin_0_boundary_lines_land'
|
||||
}).addTo(map);
|
||||
|
||||
@ -71,19 +71,19 @@ Note this will request *one* image to the WMS server. This is different than cre
|
||||
If we combine this with the [layers control](/examples/layers-control.html), then we can build a simple map to see the difference:
|
||||
|
||||
var basemaps = {
|
||||
Countries: L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
Countries: L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_countries'
|
||||
}),
|
||||
|
||||
Boundaries: L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
Boundaries: L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_boundary_lines_land'
|
||||
}),
|
||||
|
||||
'Countries, then boundaries': L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
'Countries, then boundaries': L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_countries,ne:ne_10m_admin_0_boundary_lines_land'
|
||||
}),
|
||||
|
||||
'Boundaries, then countries': L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
'Boundaries, then countries': L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'ne:ne_10m_admin_0_boundary_lines_land,ne:ne_10m_admin_0_countries'
|
||||
})
|
||||
};
|
||||
@ -109,7 +109,7 @@ Also note that Leaflet supports very few [coordinate systems](https://en.wikiped
|
||||
crs: L.CRS.EPSG4326
|
||||
});
|
||||
|
||||
var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
|
||||
var wmsLayer = L.tileLayer.wms('https://demo.boundlessgeo.com/geoserver/ows?', {
|
||||
layers: 'nasa:bluemarble'
|
||||
}).addTo(map);
|
||||
|
||||
@ -122,26 +122,26 @@ Leaflet doesn't have explicit support for TMS services, but the tile naming stru
|
||||
|
||||
Using the same OpenGeo WMS/TMS server demo, we can see there's a TMS endpoint at:
|
||||
|
||||
http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0
|
||||
https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0
|
||||
|
||||
Checking the [MapCache help about TMS](http://mapserver.org/mapcache/services.html) and the [TMS specification](https://wiki.osgeo.org/wiki/Tile_Map_Service_Specification) you can see that the URL for a map tile in TMS looks like:
|
||||
|
||||
http://base_url/tms/1.0.0/ {tileset} / {z} / {x} / {y} .png
|
||||
|
||||
To use the OpenGeo TMS services as a `L.TileLayer`, we can check the capabilities document (the same as the base endpoint, in our case [`http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0`](http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0)) to see what `tileset`s are available, and build our base URLs:
|
||||
To use the OpenGeo TMS services as a `L.TileLayer`, we can check the capabilities document (the same as the base endpoint, in our case [`https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0`](https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0)) to see what `tileset`s are available, and build our base URLs:
|
||||
|
||||
http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0/ne:ne@EPSG:900913@png/{z}/{x}/{y}.png
|
||||
https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0/ne:ne@EPSG:900913@png/{z}/{x}/{y}.png
|
||||
|
||||
http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0/nasa:bluemarble@EPSG:900913@jpg/{z}/{x}/{y}.jpg
|
||||
https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0/nasa:bluemarble@EPSG:900913@jpg/{z}/{x}/{y}.jpg
|
||||
|
||||
|
||||
And use the `tms:true` option when instantiating the layers, like so:
|
||||
|
||||
var tms_ne = L.tileLayer('http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0/ne:ne@EPSG:900913@png/{z}/{x}/{y}.png', {
|
||||
var tms_ne = L.tileLayer('https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0/ne:ne@EPSG:900913@png/{z}/{x}/{y}.png', {
|
||||
tms: true
|
||||
}).addTo(map);
|
||||
|
||||
var tms_bluemarble = L.tileLayer('http://demo.opengeo.org/geoserver/gwc/service/tms/1.0.0/nasa:bluemarble@EPSG:900913@jpg/{z}/{x}/{y}.jpg', {
|
||||
var tms_bluemarble = L.tileLayer('https://demo.boundlessgeo.com/geoserver/gwc/service/tms/1.0.0/nasa:bluemarble@EPSG:900913@jpg/{z}/{x}/{y}.jpg', {
|
||||
tms: true
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user