Добавить дозорный слой на карту листовки

Вот как я определяю свой URL-адрес для получения изображения WMS для Sentinel: Sentinel2:

"https://kade.si/cgi-bin/mapserv?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/jpeg&TRANSPARENT=true&LAYERS=Landsat-8&TILED=true&format=image%2Fvnd.jpeg-png&WIDTH=320&HEIGHT=320&CRS=EPSG%3A3857&STYLES=&MAP_RESOLUTION=112.5&BBOX={x}{y}{x}{y}",

У меня проблемы с определением способа получения &BBOX={x}{y}{x}{y}

На этом изображении я вижу, что запрос выполнен успешно

[![введите здесь описание изображения][1]][1]

Но когда я копирую URL-адрес запроса, я вижу это сообщение:

<ServiceExceptionReport xmlns="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.3.0" xsi:schemaLocation="http://www.opengis.net/ogc http://schemas.opengis.net/wms/1.3.0/exceptions_1
https://kade.si/cgi-bin/mapserv?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/jpeg&TRANSPARENT=true&LAYERS=Landsat-8&TILED=true&format=image%2Fvnd.jpeg-png&WIDTH=320&HEIGHT=320&CRS=EPSG%3A3857&STYLES=&MAP_RESOLUTION=112.5&BBOX=2861802.338996999%2C5390950.730896911%2C2866694.30880725%2C5395842.700707162

0.xsd">
<ServiceException>
msWMSLoadGetMapParams(): WMS server error. Wrong number of arguments for BBOX.
</ServiceException>

Как установить правильные параметры Bbox..

я читал этот бокс

Граничная рамка для экстента карты. Значение minx,miny,maxx,maxy в единицах SRS.

Также это рабочий URL-адрес запроса:

https://kade.si/cgi-bin/mapserv?SERVICE=WMS&VERSION=1.3.0&REQUEST=GetMap&FORMAT=image/jpeg&TRANSPARENT=true&LAYERS=Landsat-8&TILED=true&format=image%2Fvnd.jpeg-png&WIDTH=320&HEIGHT=320&CRS=EPSG%3A3857&STYLES=&MAP_RESOLUTION=112.5&BBOX=2861802.338996999%2C5390950.730896911%2C2866694.30880725%2C5395842.700707162

Почему параметры bbox представляют собой такие длинные числа:BBOX=2861802.338996999%2C5390950.730896911%2C2866694.30880725%2C5395842.700707162

Можете ли вы помочь мне, что добавить в параметр bbox, чтобы листовка получить правильные параметры и просмотреть слой...


reactjs leaflet sentinel wms
person Liverpool    schedule 13.05.2020    source источник
comment
Вы ознакомились с учебным пособием по Leaflet WMS?   -  person IvanSanchez    schedule 13.05.2020
comment
да, но у меня такая же ошибка, этот параметр bbox...   -  person Liverpool    schedule 13.05.2020
comment
Что в этом уроке говорится о параметре bbox?   -  person IvanSanchez    schedule 13.05.2020
comment
не могли бы вы дать мне совет, как должна быть ссылка, чтобы увидеть карту с наложением часового .... БОЛЬШОЕ спасибо, если вы можете мне помочь   -  person Liverpool    schedule 13.05.2020

Ответы (1)


arrow_upward
1
arrow_downward

Решение:

Javascript

// Declare map using EPSG3857 projection (default is also 3857, so just optionnal here) and set center
const center = [38, 20.472157];
const map = L.map('map', {
    crs: L.CRS.EPSG3857
}).setView(center, 4);

// Define wmsOptions for wmsLayer
const wmsOptions = {
    layers: 'Landsat-8',
    transparent: true,
    format: 'image/png'
}

// WMS Layer constructor
const wmsLayer = L.tileLayer.wms('https://kade.si/cgi-bin/mapserv', wmsOptions);

// add To the map
wmsLayer.addTo(map);

Не забудьте установить высоту карты div:

Стиль CSS:

<style>
    #map {
        height: 500px;
    }
</style>

HTML-элемент:

<div id="map"></div>

См. пример с вашей WMS здесь: пример jsfiddle

person ne0teric    schedule 13.05.2020
comment
как я могу добавить эту опцию в раскрывающееся меню, поэтому, когда пользователь выбирает Landsat, карта меняется - person Liverpool; 14.05.2020
comment
Это уже совсем другой вопрос, не относящийся к первому. Пожалуйста, начните новую публикацию, если решение сработало для конкретного варианта использования. Спасибо друг - person ne0teric; 14.05.2020