Vue中访问Geoserver发布的openlayer地图服务

一,geoserver发布地图服务

详见:https://blog.csdn.net/qq_40323256/article/details/104964048

二,引入ol

cnpm i ol -S

三,根据图层预览中的URL,配置以下代码

URL:http://localhost:8090/geoserver/ws-world/wms?service=WMS&version=1.1.0&request=GetMap&layers=ws-world%3Amychina&bbox=73.4412841796875%2C18.159912109375%2C135.0869140625%2C53.5618896484375&width=768&height=441&srs=EPSG%3A4326&format=application/openlayers






四,展示

如果还想叠加地图,代码实现如下:



效果图:

你可能感兴趣的:(geoserver)