ol 接入百度地图

Posted 2020-12-25 ssjylsg

ol5 如何接入百度地图，网上的资料很多，但是大多都有问题，在级别放大时，地图发生扭曲。为此注重研究了下ol5 接入百度地图的方法。
首先明确以下问题：

1. 百度地图的投影是3857.
2. 百度地图的分辨率和谷歌、高德地图是不同的，不能直接用谷歌的分辨率。
3. 百度地图切片大小为256*256
4. 百度切片起始点为【0，0】
5. 百度地图采用的墨卡托坐标系有偏移，需要自己实现百度的墨卡托坐标系转换方法。网上已有资料。

明确以下问题后，我们分析ol5 加载地图的方式：
ol 加载地图主要涉及到以下概念:

1. view
2. tileGrid
3. source
4. tileImage

实现BaiduMapSource 即可。

为了测试是否正确，加载了杭州文一路数据，见效果图：