源码概述:
地铁路线图小程序源代码是覆盖北京、上海、广州、郑州、山东、杭州等全国近 50 个城市的地铁路线图。,涵盖了地铁 1 号线、2 号线等这些城市的所有线路图,帮助用户更快、更方便地了解和体验城市的交通,一目了然地查询当前城市的地铁线路图和地铁站位置。
小程序配置步骤:
下载小程序源代码后,通过微信开发者工具导入源代码。这里需要注意的是,小程序的模板在 src
文件夹中。在导入源代码时,记得选择这个文件夹。这个项目是云开发,不需要域名和服务器就可以搭建。
applet
页面的标题在 app
.json
文件中。可以通过打开并找到 pages
\index
\index
.json
path
下的第 13 行来修改。
这个项目已经覆盖了所有开通地铁的城市。如果只想发布其中一部分,可以打开 data
/city
.js
,删除其余不想添加的城市。
{ key
: "bj
", lat
: 39.908065, lng
: 116.411502, name
: "北京", english
: "Beijing
", pinyin
: "beijing
", py
: "bj
", other
: "" }
如果想换成自己的城市地铁 logo
,可以在 images
\logo
\logo_bj
.png
文件夹中更改。
配置地铁地图网址:考虑到地铁地图更新的便利性,本项目将所有线路图放在服务器上,用户选择一个城市后会从服务器下载图片并缓存。(缓存时间为 10 分钟),需要将地铁地图源代码中的网址修改为自己的网址。打开 data
\city
.js
,将 metroMapUrl
修改为您自己的 Url
。
地图的图像存储地址如下:https
://metroman
.cn
/mp
/metromap
/routemap_bj_cn
.png
配置好以上内容后,可以直接上传审计小程序,然后发布。记得在微信公众平台加一个合法域名。
截图演示:
转载请注明:汇站网 » 云开发地铁路线图小程序源码和配置教程