openlayers在加载百度地图的基础上加要素图层

最新推荐文章于 2024-07-28 10:40:51 发布

肆爪

最新推荐文章于 2024-07-28 10:40:51 发布

阅读量2.6k

点赞数

分类专栏： openlayers

本文链接：https://blog.csdn.net/du_5pet/article/details/86680189

版权

本文介绍如何在OpenLayers中加载百度地图的在线服务瓦片图层，并解决坐标偏差问题，通过引入坐标转换源文件实现最小化偏差。项目中的GeoJSON数据基于4326投影坐标系，加载要素时需进行相应处理。

摘要由CSDN通过智能技术生成

注意：

这个方法是openlayers加载百度的在线服务瓦片图层，openlayers加载百度地图坐标会有偏差，引入一个坐标转换源文件即可，这种方法可以将偏差降低最小，文件内容参照https://blog.csdn.net/du_5pet/article/details/86679606

var baidu = new ol.layer.Tile({
    source: new ol.source.XYZ({
        projection: 'baidu',
        maxZoom: 18,
        tileUrlFunction: function(tileCoord) {
            var x = tileCoord[1];
            var y = tileCoord[2];
            var z = tileCoord[0];

            // return "http://online3.map.bdimg.com/tile/?qt=vtile&x="+x+"&y="+y+"&z="+z+"&styles=pl&udt=udt=20170908&scaler=1&p=1"

            return "http://online3.map.bdimg.com/onlinelabel/?qt=tile&x="+x