uni 地图小程序入门常见

本文介绍了uni-app小程序默认采用腾讯地图API,提供每日1万次免费调用,最大并发5次/秒,支持缩放等级3-20。主要内容包括如何使用markers进行标记,polygons创建不规则区域,以及polyline绘制路线。markers结合动画可以实现动态效果,polygons用于电子围栏或区域划分,polyline则可实现路线高亮显示。
摘要由CSDN通过智能技术生成

uni小程序默认使用的为腾讯地图api.

默认开放为:1万次 / 日,并发:5次 /  秒 。
缩放等级为3-20。
以下仅为区域、画线、标记参考。

地图常见参数

|  表头   |  |
|  ----  | ----  |
| markers  | 标记点,类蓝色部分 |
| polygons  | 不规则区域,黑色的框 |
| polyline  | 路线绿色和红色部分 |

image.png

markers

配合路线回归api则可以实现,类似小车之类跟着走的动画。
1  回归动画

this.mapCtx.moveAlong({
        markerId: 0,
        //   path: this.points.map(({ longitude, latitude }) => ({ longitude, latitude })),
        path: [
          {
            longitude: this.point.longitude - 0.003,
            latitude: this.point.latitude,
          },
          {
            longitude: this.point.longitude - 0.0025,
            latitude: this.point.latitude - 0.001,
          },
          {
            longit
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值