openlayers使用geoser的WMS协议

最新推荐文章于 2024-08-11 16:38:35 发布

杨安康

最新推荐文章于 2024-08-11 16:38:35 发布

阅读量653

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： openlayers

本文链接：https://blog.youkuaiyun.com/yangliu19920502/article/details/45847689

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用OpenLayers库加载并显示地图瓦片。通过配置TileWMS源，从指定URL获取地图图层，并设置中心坐标及缩放级别，实现基本的地图展示功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var layers = [
        new ol.layer.Tile({
            source: new ol.source.TileWMS({
                url: 'http://192.168.1.77:8080/geoserver/shptest/wms',
                params: {
                    'LAYERS': 'china'
                }
            })
        })
    ];

    var map = new ol.Map({
        controls: ol.control.defaults().extend([
            new ol.control.ScaleLine({
                units: 'degrees'
            })
        ]),
        layers: layers,
        target: 'map',
        view: new ol.View({
            projection: 'EPSG:4326',
            center: [100, 35],
            zoom: 5
        })
    });