开源GIS（四）——openlayers中geoserver发布的WMS与WFS加载

最新推荐文章于 2023-07-20 00:45:00 发布

gis_morningsun

最新推荐文章于 2023-07-20 00:45:00 发布

阅读量6.7k

点赞数 4

分类专栏： GIS OpenLayers

本文链接：https://blog.csdn.net/xcymorningsun/article/details/82383321

版权

一、引言

使用openlayer中内置的一些类拓展已经能很好的加载arcgis的图层，比较简单；既然开源就要加载符合开源标准的数据，那必须是要能够加载wms与wfs，但是公共的服务不容易控制，就使用geoserver发布了，发布过程比较简单，请问度娘，这里不多介绍==

二、geoserver中WMS加载

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/echarts.min.js"></script>
    <script src="js/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="js/ol.css">
    <script src="js/ol-debug.js"></script>

</head>
<body>
<div id="map" style="width: 100%"></div>
<script>
    var format = 'image/png';
    //view
    var view=new ol.View({
        // 设置成都为地图中心
        center: ol.proj.transform([110,39],"EPSG:4326","EPSG:3857"),
        zoom: 4
    });
    //var osm=new ol.layer.Tile({source: new ol.source.OSM()});

    var wms = new ol.layer.Image({
        source: new ol.source.ImageWMS({
            ratio: 1,
            url: 'http://localhost:8080/geoserver/xcy/wms',

最低0.47元/天解锁文章

gis_morningsun

关注

4
点赞
踩
17

收藏

觉得还不错? 一键收藏
1
评论
开源GIS（四）——openlayers中geoserver发布的WMS与WFS加载

目录一、引言二、geoserver中WMS加载三、geoserver中WFS加载四、总结一、引言使用openlayer中内置的一些类拓展已经能很好的加载arcgis的图层，比较简单；既然开源就要加载符合开源标准的数据，那必须是要能够加载wms与wfs，但是公共的服务不容易控制，就使用geoserver发布了，发布过程比较简单，...
复制链接

扫一扫