百度地图自定义图层 制作及添加

时间:2024-06-01 14:24:57

工具   photoshop   百度地图切片工具:BaiduMapTileCutter     下载地址:https://github.com/jiazheng/BaiduMapTileCutter

以清华大学为例:

1.材料准备

从网上下载了一张清华大学平面图        从百度地图上下载一张19级清华大学街道图片

百度地图自定义图层 制作及添加百度地图自定义图层 制作及添加

在ps中打开平面图:将平面图背景设置为透明保存

打开电子图片  校准平面图与街道图片清华大学部分重合 如下:

百度地图自定义图层 制作及添加

Ctrl + T  找到 平面图的中心点

百度地图自定义图层 制作及添加

关闭平面图   可以看到中心点 在街道图片的位置

打开 :http://api.map.baidu.com/lbsapi/getpoint/index.html

在地图中获取相应位置的坐标 记录下来  后面会用到

百度地图自定义图层 制作及添加

导出刚才矫正过的平面图

2.切片 打开 BaiduMapTileCutter   设置如下:

1.选择矫正后的平面图:

百度地图自定义图层 制作及添加

设置切片目录:

百度地图自定义图层 制作及添加

选择图块及代码:

百度地图自定义图层 制作及添加

将 记录下来的中心点位置 输入到经纬度中

百度地图自定义图层 制作及添加

设置切片级别:ps矫正的所用的参考图是19级 所以原图所在级别选19级  最小级别与最大级别 可以根据需要设置

百度地图自定义图层 制作及添加

图层设置:

百度地图自定义图层 制作及添加

最后切图即可 

最后结果:

百度地图自定义图层 制作及添加