将手绘地图或自制地图显示在网页上（利用百度API）

将⼿绘地图或⾃制地图显⽰在⽹页上（利⽤百度API）利⽤百度APi实现将⼿绘地图展⽰在⽹页上，达到类似这样的效果：

切图参考了：cnblog jz1108 并⽤了其⼯具，表⽰⾮常感谢！

百度地图API⽬前默认⽀持两种地图类型（map type）：普通图和三维图，它们分别通过常量BMAP_NORMAL_MAP和

BMAP_PERSPECTIVE_MAP来表⽰，在1.2版本中这两个常量实际上是MapType对象的实例。当然开发者也可以⾃⼰实例化⼀个MapType从⽽实现⼀个⾃定义的地图。

薄膜电晕处理机

切图⼯具的使⽤

我们先从切图⼯具的使⽤开始，接着再分析该⼯具产⽣的代码来详细了解⾃定义地图的⽅法。具体地址为

注意，该⼯具是基于.NET平台开发的，所以要求有.NET Framework 4 以上的版本。

启动这个exe后会出现这个界⾯：

⾸先我们要做的就是选择⼀张图⽚作为地图的底图：

光滑爪蟾

点击下⼀步后需要设置输出的⽬录，这⾥我们直接选择桌⾯：

继续下⼀步，这⾥要设置输出类型，我们使⽤默认值，即图块和相关代码都由⼯具⽣成：

pet回收料

坐标设置我们使⽤默认值，即图⽚的中⼼点所在的位置。由于我们制作的是独⽴的地图类型，所以中⼼点设置为0, 0即可。

级别范围设置：我们使⽤⾃定义，将范围设置为5到10级，原图放置在第10级，这样5到9级⼯具就会⾃动缩⼩图⽚。建议原图所在级别与最⼤级别⼀致，否则⾼于原图所在级别的时候图⽚会发虚（因为⼯具会将图⽚进⾏放⼤处理）。

设置地图类型的名称：

⼀切就绪，最后可以确认所有的信息是否正确。然后就可以点击“开始切图”了。

完成了：

发热涂料这时我们会发现桌⾯多了⼀个index.html和⼀个tiles⽂件夹。我们打开index.html会看到结果：地图成功的显⽰在了⽹页上⾯，整如上⾯的例⼦中⼀样

源代码解析

静电抑制器现在再来看看这个页⾯的代码部分：

>挤爆胶囊

本文发布于:2024-09-21 15:37:04，感谢您对本站的认可！

标签：地图设置级别代码确认涂料开发

留言与评论（共有 0 条评论）