一、更新说明

【2022-08-20更新】之前使用的winform的webbrowser控件，可能会出现兼容性问题，导致地图不显示，现已经更新为webview2替代原webbrowser控件（需要.net framework 4.8）。

二、功能介绍

1、效果图

先上效果图：这图是经过ps简单处理过，之后通过切片覆盖到地图上，没有偏差。因为之前用过网上的一些切片工具，总感觉有各种不爽，或则可以截图的区域比较小，或者中心点不好找。所以结合了一些工具，重新整合了一个小工具出来。

下载地址：百度地图切图工具.zip_百度地图切片工具-互联网工具类资源-CSDN下载

2、使用说明

1、下载压缩包解压之后，运行BaiduMapTile.exe，如下界面

2、之后点击新建项目，输入项目名称之后，左侧列表会显示新项目，选中，点击右侧的选取瓦片，如下界面

3、（1）找到你想要截取的位置（2）缩放到你希望使用的最大级别（目前支持20级选取）。然后在地图上点击右键，如下图

4、最终选取完的瓦片，一定要成规则矩形（（1）可以超出可视范围，程序已经记录你选择的所有瓦片和当前缩放级别（2）改变缩放级别则需要重新选取瓦片（3）最终裁剪你的自定义图片的时候，是根据缩放级别和中心点自动计算的），否则计算不出来中心点，选取完点击左下角瓦片选取完成按钮，程序会自动加载你选取的瓦片并进行拼接。之后你可以在Projects文件夹下的“你的项目名称”文件夹下找到合并的瓦片文件。

如下图，测试项目.png是程序合并的瓦片图。BaiduTile是组成合并图片的碎瓦片图。UserTile文件夹后面用的到。

5、拿到你选取的合并的瓦片图，可以找美工同学或者自行处理图片，需要保证图片宽高像素不变，不需要的地方透明处理即可。处理完图片，还是在程序左侧选中你的项目，右侧点击上传并裁剪按钮，

如下图：（1）点击选择图片按钮，选中你处理过的图片；（2）输出路径如果不修改就是上面说的UserTile文件夹（3）点击开始切图，程序会自动读取当时选取瓦片的级别和中心点，并计算切图能向下切到多少级（比如你在18级选了9个瓦片，可能会切出来16-18这样缩放级别的瓦片）。

6、点击开始切图，等待切图完成，打开项目文件夹，进入你的项目名称下的UserTile文件夹。

如下图：其中index.html是程序生成的demo

tiles文件夹内是已经切好的图片：如下图

如果忘记怎么使用，点击软件右上角帮助按钮会跳到这个页面地址。

3、使用自己的ak

最后，拿到demo不要直接使用，如果使用一定记得修改百度地图的ak。

百度地图自定义瓦片切片工具相关推荐

百度地图瓦片 android,百度地图自定义瓦片图获取
nodejs代码 const request = require('request'); const fs = require('fs'); const bagpipe = require('bagp ...
百度地图之鼠标绘制工具条库（开源库）
百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...
Python爬取百度地图的瓦片图
Python爬取百度地图的瓦片图需求代码爬虫结果需求采用Python + Selenium + phantomJs,自动爬取百度地图的栅格图(瓦片图),支持自定义区域.级别.无文字地图. 去 ...
百度地图自定义结果面板+分页+图层标注(标注点+搜索)
百度地图自定义结果面板+分页+图层标注(标注点+搜索) 示例一: <html> <head><meta http-equiv="Content-Type&qu ...
百度地图自定义覆盖物，在手机上无法监听click事件
百度地图自定义覆盖物,在手机上无法监听click事件最近在做手机web端集成百度地图遇到了个坑儿:手机端不支持自定义覆盖物的click事件: 1.自带的marker是支持的(marker不属于自定义 ...
百度地图自定义标点。
百度地图自定义标点. 多个标点方法可以进行for循环进行动态标点. <!DOCTYPE html> <html> <head><meta http-equ ...
百度地图自定义吹出框
2019独角兽企业重金招聘Python工程师标准>>> 百度地图自定义吹出框直入正题吧! 这些都是知道的了,看文档添加就行了! 实现三个代理方法: 这个方法类似tableview添 ...
百度地图自定义信息窗口样式
在项目中,UI经常会把信息窗口做自定义设计,那么如何实现自定义样式的信息窗口呢.核心代码如下: /** 创建信息窗口* */function _createMapvInfoWindow(width,h ...
百度地图自定义图标icon 添加本地图片无法显示问题解决
百度地图自定义图标icon 添加本地图片无法显示问题解决我们在阿里巴巴矢量库找的icon 保存到本地结论我们在阿里巴巴矢量库找的icon 保存到本地链接: 阿里巴巴矢量库. 图片: 随便找一个 ...

百度地图自定义瓦片切片工具