更新记录

1.0.0(2025-07-11)

代码初次提交


平台兼容性

uni-app(4.25)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

uni-app x(4.24)

Chrome Safari Android iOS 鸿蒙 微信小程序
- - - - - -

其他

多语言 暗黑模式 宽屏模式
× ×

使用说明

扫下面二维码下载demo查看效果

demo

因为插件市场不支持前端组件的加密,导致试用就会展示源码,所以试用插件是没有效果的,如果有需要,请联系作者!!!

有关于该插件的疑问或者技术探讨可以联系作者(备注来源)

微信号:z1003975792y

使用

<template>
    <view class="content">
        <zy-track :paths="paths" :params="params"></zy-track>
    </view>
</template>

<script>
export default {
    data() {
        return {
            paths: [], // 轨迹路径
            params: {
                label: '蒙AXXXXX', // 车辆label(可选)
                lat: '40.84396250940748', // 中心点纬度(必传)
                lng: '111.76901504050895', // 中心点经度(必传)
                key: 'xxxxx', // 腾讯地图key,自己去申请
            },
        }
    },
    onLoad() {
        var THAT = this
        // 模拟接口请求路径
        setTimeout(() => {
            THAT.paths = [
                {
                    lat: '40.842356199526876',
                    lng: '111.76065806503055',
                },
                {
                    lat: '40.8429837058139',
                    lng: '111.76350909629952',
                },
                {
                    lat: '40.843913276611374',
                    lng: '111.76764746613588',
                },
                {
                    lat: '40.84537935044355',
                    lng: '111.77388789973878',
                },
                {
                    lat: '40.84189260971988',
                    lng: '111.77559409974026',
                },
            ]
        }, 2000)
    },
}
</script>

<style>
// 地图高度取决于这里
.content {
    height: 100%;
}
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问