云开发地铁路线图小程序源码和配置教程

2022-03-17 20:40:59 695阅读 1评论

温馨提示:这篇文章已超过437天没有更新,请注意相关的内容是否还可用!

云开发地铁路线图小程序源码和配置教程  小程序源码 地铁线路图查询小程序 第1张

地铁路线图小程序源码是一款包含了北京、上海、广州、郑州、山东、杭州等全国近50个城市的地铁路线图,涵盖了这些城市如地铁1号线2号线全部路线图,以帮助用户更快更方便的了解和体验该城市的交通,一目了然的查询用户当前所在城市地铁的路线图和地铁车站位置。


小程序配置步骤:

  1. 下载小程序源码后通过微信开发者工具导入源码,这里要注意小程序的模板在src文件夹中,导入源码时记得选中这个文件夹,本项目为云开发,不需要域名和服务器也可以搭建。

  2. 小程序页面标题在app.json文件中,打开并找到pages\index\index.json路径下的第13行即可修改。

  3. 该程序已涵盖了所有已开通地铁的城市,如果你只想发布其中部分城市,可以打开 data/city.js,删除其余不想添加的城市即可。

{ key: "bj", lat: 39.908065, lng: 116.411502, name: "北京", english: "Beijing", pinyin: "beijing", py: "bj", other: "" }

   4.如果您想替换成你自己绘制的城市地铁logo可以在images\logo\logo_bj.png文件夹中更改。

   5.配置地铁图URL:考虑到地铁图更新的便利化,本项目将所有线路图放到服务器上,用户选择城市后会从服务器下载图片并缓存起来。(缓存时间为10分钟),你需要将地铁图源码中的的URL修改成你自己的URL。打开 data\city.js,修改metroMapUrl为你自己的网址即可。

   6.地图路线图的图片存储地址如下:https://metroman.cn/mp/metromap/routemap_bj_cn.png

   7.配置完以上内容后直接上传审核小程序后就可以发布了,记得需要在微信公众平台添加合法域名哦。


下载地址:https://wwi.lanzouy.com/if5Kg01ltxvg


本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除。

发表评论

快捷回复: 表情:
验证码
评论列表 (有 1 条评论,695人围观)
网友昵称:访客
访客 V 游客 Google Chrome 105.0.0.0 Windows 10 x64 沙发
如何配置地铁图URL?
2022-08-24 11:05:13 来自河南 回复

目录[+]

取消
微信二维码
微信二维码
支付宝二维码