更新记录

1.0.0(2023-10-12) 下载此版本

支持在任意图片上标注任意点,支持任意拖拽,支持放大缩小,支持在任意两点间连线,线会像水流一样滚动显示


平台兼容性

uni-app

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

其他

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

基于leaflet.js以及leaflet-ant-path.js

支持在任意图片上标注任意点,显示标注信息,支持任意拖拽,支持放大缩小,支持在任意两点间连线,线会像水流一样滚动显示

1.下载后代码中直接引入即可

<chuzi-map-layer :layerInfo="layerInfo"></chuzi-map-layer></view>

2.在引用文件中,定义layerInfo变量

data() {
            return {
                layerInfo:{                 
                    img:"https://img0.baidu.com/it/u=3221260471,30080316&fm=253&fmt=auto&app=138&f=JPEG?w=616&h=500",
                    iconArr:[
                        {
                            X_AXIS:"477.8282800000000000000000000",
                            Y_AXIS:"325.6066300000000000000000000",
                            iconImg:'https://img2.baidu.com/it/u=2401091712,3308251347&fm=253&fmt=auto&app=138&f=JPEG?w=545&h=500',
                            builName:'标注1',
                            isShow:true,
                            time:'2023-10-12 14:30:55'
                        },
                        {
                            X_AXIS:"191.0000000000000000000000000",
                            Y_AXIS:"275.0000000000000000000000000",
                            iconImg:'https://img2.baidu.com/it/u=2401091712,3308251347&fm=253&fmt=auto&app=138&f=JPEG?w=545&h=500',
                            builName:'标注2',
                            isShow:true,
                            time:'2023-10-12 14:30:55'
                        }

                    ]
                }
            }
        },

隐私、权限声明

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

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

插件不采集任何数据

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

许可协议

MIT协议

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