mapbox - 将美国 BLM WMS 连接到 Mapbox
问题描述
我正在尝试将 BLM.gov 发布的 PLSS(公共土地调查系统)的 WMS 添加到 Mapbox 地图中,以使 Township/Range/Section 网格可见,但我无法将其显示在地图上。我怀疑 Mapbox JS 请求与 BLM WMS 期望的查询之间存在语法问题。
我一直在使用 mapbox 发布的示例来添加 WMS,为 BLM 站点修改,代码如下:
mapboxgl.accessToken = 'MY_KEY';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/light-v10',
zoom: 8,
center: [-95, 38]
});
map.on('load', function() {
map.addSource('wms-test-source', {
'type': 'raster',
'tiles': [
'https://gis.blm.gov/arcgis/services/Cadastral/BLM_Natl_PLSS_CadNSDI/MapServer/WmsServer?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.3.0&request=GetMap&srs=EPSG:3857&width=256&height=256&layers=1'
],
'tileSize': 256
});
map.addLayer(
{
'id': 'wms-test-layer',
'type': 'raster',
'source': 'wms-test-source',
'paint': {}
},
'aeroway-line'
);
});
有没有人看到我需要更改才能覆盖 PLSS 网格,我会非常感激!
解决方案
粉煤灰,
<script>
L.mapbox.accessToken = '<your access token here>';
var map = L.mapbox.map('map')
.setView([37, -99], 3)
.addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'))
var temperature =
L.tileLayer.wms('http://gis.srh.noaa.gov/arcgis/services/NDFDTemps/MapServer/WMSServer', {
format: 'img/png',
transparent: true,
layers: 16
}).addTo(map);
var precipitation = L.tileLayer.wms('http://nowcoast.noaa.gov/arcgis/services/nowcoast/analysis_meteohydro_sfc_qpe_time/MapServer/WmsServer', {
format: 'image/png',
transparent: true,
layers: '5'
}).addTo(map);
document.getElementById('temperature').onclick = function () {
var enable = this.className !== 'active';
temperature.setOpacity(enable ? 1 : 0);
this.className = enable ? 'active' : '';
return false;
};
document.getElementById('precipitation').onclick = function () {
var enable = this.className !== 'active';
precipitation.setOpacity(enable ? 1 : 0);
this.className = enable ? 'active' : '';
return false;
};
</script>
有关更多信息,请参阅此链接。https://docs.mapbox.com/mapbox.js/example/v1.0.0/wms/
推荐阅读
- pfx - 尝试使用 Windows API 从 pfx 中提取私钥
- html - 背景图片全屏适配,无任何裁剪
- bitbucket - BitBucket:如何通过 API 更新文件
- node.js - 在 amazon linux 的 80 端口上运行 NodeJs 应用程序
- acumatica - 附件的数据存储在哪里
- google-apps-script - “不允许采取行动(第 0 行)。” 从电子表格运行脚本函数时出错
- css - 向左移动内容 Material UI
- ssl - 找不到 BizTalk WCF-WebHttp 适配器客户端证书
- python - 如何在使用 python 脚本保留格式的同时编辑 yaml 文件?
- c - 如何在printk中使用变量作为格式字符串?