MapBox載入GeoServer釋出的WMS地圖服務
使用MapBox載入GeoServer釋出的WMS地圖服務,測試一下成功,但是發現好像不支援4326座標系,只支援3857座標系,最終沒有找到怎麼載入4326座標系的WMS服務。載入程式碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MapBox載入WMS地圖服務</title>
<script src='https://api.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
/*隱藏logo*/
.mapboxgl-ctrl.mapboxgl-ctrl-attrib{
display: none !important;
}
.mapboxgl-ctrl-logo{
display: none !important;
}
</style>
</head>
<body>
<div id='map'></div>
<script >
mapboxgl.accessToken = 'pk.eyJ1IjoiaGFtYnVnZXJkZXZlbG9wIiwiYSI6ImNqNXJtZjF4ZzB3em4yd21pZmVqbHlleDAifQ.I9eqVjtotz7jaU7XcJm9pQ';
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v10',
center: [108.438,34.431],
zoom: 7
});
map.on("load",function () {
map.addLayer({
'id': 'wms-test-layer',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
"http://localhost:8080/geoserver/word/wms?service=WMS&version=1.1.0&request=GetMap&layers=word:town3857&styles=&bbox={bbox-epsg-3857}&width=256&height=256&srs=EPSG:3857&format=image/png&TRANSPARENT=TRUE"
],
'tileSize': 256
},
'paint': {}
});
})
</script>
</body>
</html>
效果圖如下:
需要注意的是URL,連線WMS中的bbox引數用{bbox-epsg-3857}替換了,載入的時候,MapBox會自動替換成對應的引數,這樣地圖就可以載入了
相關文章
- GeoServer地圖開發解決方案(四):釋出Web地圖服務(WMS)篇Server地圖Web
- mapboxgl載入geoserver釋出的tms向量圖層服務Server
- GeoServer釋出影像WMTS服務Server
- GeoServer二:釋出服務(postgis資料庫)Server資料庫
- ArcGIS Pro釋出地圖服務(影像、向量)地圖
- Geoserver釋出PostGIS地圖資料:問題記錄Server地圖
- OpenLayer4跨域訪問GeoServer釋出的TMS服務跨域Server
- 基於Echarts的百度地圖疊加arcgis server的WMS圖層服務Echarts地圖Server
- 使用GeoServer+QGIS釋出WMTS服務 | Publishing WMTS Service Using GeoServer+QGISServer
- [轉]geoServer 入門到實戰(安裝,釋出服務,wfs空間查詢)Server
- 網路地圖服務(WMS)詳解地圖
- 從零開始釋出一個ArcGIS Server地圖服務Server地圖
- [原]geoserver釋出osgEarth可以適用的高程GeoTIFF資料(WCS)服務Server
- GeoServer中WMS、WFS的請求規範Server
- openlayer呼叫wms服務端服務端
- vue 地圖視覺化 mapbox篇(2)Vue地圖視覺化
- 不偏移的天地圖地圖服務-ArcGIS版地圖
- 不偏移的天地圖地圖服務-SuperMap版地圖
- Openlayers2切換supermap WMS服務底圖,已解決
- 使用GeoServer釋出PostGIS表資料Server
- 在GeoServer中使用Udig配置的地圖樣式Server地圖
- geoserver控制服務訪問許可權-類似百度地圖的keyServer訪問許可權地圖
- 《權力的遊戲》3d地圖-基於Mapbox customlayer遊戲3D地圖TOML
- phoenix API服務釋出API
- AWS中國區域釋出財務管理服務 讓客戶更經濟高效地使用雲服務
- 如何使用地圖Picker快捷接入地圖服務?地圖
- 高德地圖附近停車場服務地圖
- 嚐鮮雲端地圖服務AzureLocationBasedServicePreview地圖View
- 利用ArcEngine開發地圖釋出服務,將mxd文件一鍵釋出成wmts,並根據需要對地圖進行空間查詢,返回客戶端geojson地圖客戶端JSON
- 使用dubbo+zookeeper釋出服務與呼叫服務
- 微服務中如何搭建一個高可用的地圖服務微服務地圖
- 高德地圖fragment 動態載入地圖 巢狀問題地圖Fragment巢狀
- Dubbo原始碼之服務端的釋出原始碼服務端
- 使用InstallUtil釋出windows服務Windows
- Istio 1.2服務網格釋出
- 綠盟科技SASE服務正式釋出
- ArcIms在tomcat下發布地圖服務的配置圖解Tomcat地圖圖解
- GeoServer釋出PostGIS資料庫中的柵格資料Server資料庫