ZBC WIKI ※ 闷声新功能:部分词条加入在线地图

其实在ZBC的早期线路词条编辑当中,也有加入线路图的考虑。当时的线路图是通过以百度地图为JPG底图,然后在PS等工具上描出路线线条及站点,最后生成JPG图件插入词条当中,情况类似是这样的:

《ZBC WIKI ※ 闷声新功能:部分词条加入在线地图》

↑比如在67路的词条中,有上面这么一张线路图。这样虽然美观,但是图幅也大,而且不支持缩放,很难看得清细节。

后来,ZBC WIKI运行了好一段时间,发现要为每条线路绘制这种形式的线路图,工作量相当巨大,而且JPG图件会占用服务器的空间。相信关注过ZBC微博的小伙伴们都知道,在2016年以前,每次有新线开通或者路线改道,ZBC微博都会上传最新的路线走向图或者改道示意图——看似简单,但一个晚上,顶多也只能画上三四条线路,效率很低。而且每次改道,要是保留了以前的PSD文件还好说,要是没保留的话就惨了——当然是要重画啦!2016年以后,ZBC几位懒惰的admin决定,为了避免个别失误导致自己绘制的线路图和官方消息有所出入(简单来说就是宣传出偏差要负责任,而且官博的线路消息比你权威多了),线路改道及新增线路将不再绘制示意图。这样一来,问题又出现了,ZBC微博不做示意图,ZBC WIKI不就没图用了?

某一天,ZBC某著名黑心admin在网上闲逛,突然发现百度、高德、天地图、腾讯等多家地图供应商都提供了api地图接口 ,而且发现还有免二次开发的绘图工具!心血来潮之下,用高德画了近期新开通的Z12路的走向。大家可以上这个词条去看看:珠海公交Z12支线,详细代码可以自行查阅词条的源代码。

《ZBC WIKI ※ 闷声新功能:部分词条加入在线地图》

↑虽然不是很美观,但是支持缩放, 而且占用资源比较少,就凭这两点其实完爆JPG了。

 

其实原理很简单,利用高德地图api的地图生成器, 按照界面指示描绘点、线、面和填写标注即可。图形化的界面对操作较为友好,画完图直接生成源代码就行了,全程傻瓜式操作,不费劲。

《ZBC WIKI ※ 闷声新功能:部分词条加入在线地图》

这里是操作地址:http://lbs.amap.com/console/show/tools

同样地,既然能画点、线,当然能画“面”了。于是,我们以词条:香洲总站 的站场分区图作为例子,粗略地画了一下:

《ZBC WIKI ※ 闷声新功能:部分词条加入在线地图》

↑香洲总站的示意图。点击各个区块能够弹出气泡显示相应的注释。

缺点有二:1、底图太花,纯路网图绘制分区的时候找不到参照物,纯卫星图颜色过多。

2、最大比例尺太小,对于5000平方米的站场而言,显示力不从心。

当然,我们强烈建议在进行地图嵌入的操作前,仔细阅读上面两个样板词条的源代码,因为直接从高德的源代码输出器粘贴到mediawiki中,总有一点“水土不服”。Mediawiki 是个对Html语言支持的半吊子,有些标记能够很好的展示出来,但是对于body附近那几个定义就要小心了——尤其是font,高德默认是16px/1.5,这样一来就会导致这个页面的文字显示不正常,建议font的值取百分数100%即可。

我们欢迎各位ZBC WIKIer对词条进行嵌入地图的操作,如有任何疑问,请私信新浪微博@珠海巴士频道 或 Email至 zhuhaibus@sina.cn  ,联系管理员zhbus寻求帮助。Enjoy it!

 

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注