将⼿绘地图或⾃制地图显⽰在⽹页上(利⽤百度API)利⽤百度APi实现将⼿绘地图展⽰在⽹页上,达到类似这样的效果:
鱿鱼卷的做法
许慧欣老公切图参考了:cnblog jz1108 并⽤了其⼯具, 表⽰⾮常感谢!
百度地图API⽬前默认⽀持两种地图类型(map type):普通图和三维图,它们分别通过常量BMAP_NORMAL_MAP和
BMAP_PERSPECTIVE_MAP来表⽰,在1.2版本中这两个常量实际上是MapType对象的实例。当然开发者也可以⾃⼰实例化⼀个MapType从⽽实现⼀个⾃定义的地图。
切图⼯具的使⽤
我们先从切图⼯具的使⽤开始,接着再分析该⼯具产⽣的代码来详细了解⾃定义地图的⽅法。具体地址为
面部去角质什么牌子好
注意,该⼯具是基于.NET平台开发的,所以要求有.NET Framework 4 以上的版本。
启动这个exe后会出现这个界⾯:
⾸先我们要做的就是选择⼀张图⽚作为地图的底图:侠客风云传前传攻略
点击下⼀步后需要设置输出的⽬录,这⾥我们直接选择桌⾯:
继续下⼀步,这⾥要设置输出类型,我们使⽤默认值,即图块和相关代码都由⼯具⽣成:
坐标设置我们使⽤默认值,即图⽚的中⼼点所在的位置。由于我们制作的是独⽴的地图类型,所以中⼼点设置为0, 0即可。
级别范围设置:我们使⽤⾃定义,将范围设置为5到10级,原图放置在第10级,这样5到9级⼯具就会⾃动缩⼩图⽚。建议原图所在级别与最⼤级别⼀致,否则⾼于原图所在级别的时候图⽚会发虚(因为⼯具会将图⽚进⾏放⼤处理)。刘德华谈喻可欣
设置地图类型的名称:
⼀切就绪,最后可以确认所有的信息是否正确。然后就可以点击“开始切图”了。
完成了:
这时我们会发现桌⾯多了⼀个index.html和⼀个tiles⽂件夹。我们打开index.html会看到结果:地图成功的显⽰在了⽹页上⾯,整如上⾯的例⼦中⼀样
玄武门
源代码解析
现在再来看看这个页⾯的代码部分: