openlayers添加图片图层随着放大缩小

江苏省精神病院玛主任

已于 2023-02-23 10:07:47 修改

阅读量1.2k

点赞数 1

文章标签： html GIS openlayers javascript

于 2023-02-23 10:06:49 首次发布

本文链接：https://blog.csdn.net/JINX1024/article/details/129175762

版权

项目有个需求，添加一个图片图层后，放大缩小的时候图片也要跟着放大缩小，基本思路就是不能当做图标来画，需要添加一个图层贴上去。

olMap.addLayer(new ol.layer.Image({

    source: new ol.source.ImageStatic({

        url: './src/assets/vissr.png', //

        imageExtent: extent,     // 映射到地图的范围

        projection: "EPSG:3857",

        // [[-10.787277369124666, 62.8820698883665], [56.385845314127209, 161.69675114151386]]

        imageExtent:ol.proj.transformExtent(

            [

                45.0,

                -65.0,

                165.0,

                60.0

            ],

            "EPSG:4326",

            "EPSG:3857"

          ), // [minx, miny, maxx, maxy] 即对象坐标

    })

}));