首先我們需要有一個geoserver發佈的服務
雖然成功的用geoserver發佈了服務,不過很多人還是找不到服務地址(包括我),所以我選擇了一個折中的方式找到了服務地址
用openlayer的方式打開圖層,打開開發者工具---網絡,在這裏可以找到服務地址
我的服務地址是http://localhost:8080/geoserver/myWorkpase/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&FORMAT=image/png&TRANSPARENT=true&STYLES&LAYERS=myWorkpase:古樹名木-墨卡託&SRS=EPSG:102113&WIDTH=562&HEIGHT=768&BBOX=13364903.30089751,3493766.500208629,13407736.470473269,3552404.422194691
我們可以從地址中獲取一個參數 LAYERS=myWorkpase:古樹名木-墨卡託
var wmsLayer = new WMSLayer("http://localhost:8080/geoserver/wms", {
format: "png",
resourceInfo: {
copyright: "GeoServer",
description: "Africa Wind Data",
extent: new Extent(-20037508.342787, -20037508.342787, 20037508.342787, 20037508.342787, { wkid: 102113 }),
featureInfoFormat: "text/html",
getFeatureInfoURL: "http://localhost:8080/geoserver/ows",
getMapURL: "http://localhost:8080/geoserver/ows",
layerInfos: [
new WMSLayerInfo({
name: "myWorkpase:古樹名木-墨卡託",//命名空間:圖層
title: "Mean annual generalized wind power density",
queryable: true,
showPopup: true
})
],
spatialReferences: [102113],//座標系
version: "1.3.0"
},
version: "1.3.0",
visibleLayers: [
"myWorkpase:古樹名木-墨卡託"//命名空間:圖層
]
});
wmsLayer.on("error", function (response) {
console.log("Error: %s", response.error.message);
});
map.addLayer(wmsLayer, 10);