开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
小程序快速示例
ui
云与开放能力
行业
服务端快速示例
介绍 > 小程序快速示例 >  > 景区导航
收藏
订阅更新
我的文档
设置
简介
本示例为景区导航快速示例,通过地图的基础包装组件,提供景区标志性地点的分类标记及导航功能。可用于各大景区、公园、广场的概览导航,帮助游客快速找到相关目的地。
快速示例提供了支付宝小程序在某些场景下的官方凯发app官方网站的解决方案,提供了开发源码,开发者可以以此作为参考,也可以直接在源码的基础上进一步开发。
使用说明
本示例为纯客户端代码,可直接在模拟器和在真机预览。
需完成 开发者入驻 与 小程序创建 。
下载并安装小程序开发者工具(ide)(点此下载)。
更多详情可查看
使用
使用步骤
1打开 ide。
2在 ide 界面新建或打开项目:
通过界面 小程序 > 添加项目 > 选择端(可多选) > 选择模板 > 找到本示例对应的模板点击 下一步 > 配置项目名称和路径 > 点击 完成
点击 打开项目 按钮,进入本文开头下载的源码包所在路径,将源码包解压到一个文件夹里,选择文件夹打开。
3进入项目后,登录开发者账号,并关联已有 appid。
4完成以上步骤后,可以通过 ide 进行开发和调试。
属性
属性
类型
必填
描述
markers
array

基础地图组件 marks 参数。
mocklocation
boolean

是否 mock 当前位置。
默认值:false
longitude
string

中心位置经度。
latitude
string

中心位置纬度。
classname
string

父组件 class 名。
polyline
array

连线(景点)。
默认值:[]
polylinecolor
string

路线颜色及透明度。
polylinewidth
number

路线宽度。
polylinedottedline
boolean

路线虚线还是实线。
默认值:false
routecolor
string

导航路线颜色。支付宝 10.1.50 之后,该值仅在 2d 地图中生效。
iconpath
string

导航路线纹理。3d 地图中其优先级高于 routecolor,即纹理会覆盖颜色值;支付宝10.1.50 即以上版本建议不再设置,因为在 3d 地图下提供了默认的纹理图案。
iconwidth
number

导航纹理宽度。iconpath 设置时才生效。支付宝版本 10.1.50 及以上建议不再设置,因为在 3d 地图下提供了默认的纹理宽度。
routewidth
number

路线宽度 。在不设置纹理时有效。 支付宝版本 10.1.50 及以上建议不再设置,在 2d 地图下提供了默认值,3d 不需要设置。
anchory
double

经纬度在标注图标的锚点-竖向值。
anchorx
double

经纬度在标注图标的锚点-横向值。
alpha
double

markers 透明度。
开发步骤
安装
在 ide 安装以下依赖
注册
在 json 中引入组件路径
调用
分别在 axml、js、acss 中输入以下代码
.axml 示例代码
.js 示例代码
.acss 示例代码
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图