更新记录

1.0.31(2025-07-24) 下载此版本

默认定位图标切换为cdn地址

1.0.3(2025-07-24) 下载此版本

1.完善信息采集文档 2.修改默认定位图标不显示问题

1.0.2(2025-07-24) 下载此版本

1.新增经纬度采集组件 [tdt-gather]

  1. 更新文档
查看更多

平台兼容性

uni-app(4.62)

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

其他

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

tdt-map

基本用法

<tdt-map mapKey=""></tdt-map>

属性参数

参数名 类型 默认值 说明
mapKey String - 必填,天地图 API 密钥
height String '100vmax' 地图容器高度
zoom Number 10 地图初始缩放级别
center Array - 地图中心位置,格式为[经度,纬度]
mapStyle Object - 地图样式 black,indigo
showMapType Boolean false 是否显示地图类型
locationMarker Boolean false 是否显示定位标记点
Geolocation Function - 获取当前定位 (lnglat,map)
markers Arrary - 加载点位信息

事件

事件名 返回值 说明
onload Object (map)地图初始化完成事件
lnglat Object 位置信息-定位和拖动地图都会触发
marker-click Object (item,e,map) marker 点击事件
marker-label-click Object (item,e,map) marker label 点击事件

方法

事件名 返回值 说明
addCircle Circle 添加一个圆
setMarkers Marker[] 添加多个标记点
location Object 刷新当前定位

返回数据格式

// @lnglat 返回结构
{
  "name": "POI名称",
  "address": "详细地址",
  "lonlat": "经度,纬度"
}

// :markers 参数结构
const markers = [
    {
        lng: 经度,
        lat: 纬度,
        iconW: 28, // 默认图标宽度
        iconH: 32, // 默认图标高度
        icon: '', // 自定义图标地址
        ... 其他自定义参数
    }
]

tdt-location 组件 位置选择

基本用法

<tdt-location @back="handleBack" mapKey="" :zoom="14"></tdt-location>

属性参数

参数名 类型 默认值 说明
mapKey String - 必填,天地图 API 密钥
height String '50vh' 地图容器高度
zoom Number 16 地图初始缩放级别

事件

事件名 返回值 说明
back Object 点击确认按钮时触发,返回选中位置信息

插槽

插槽名 返回值 说明
title String 自定义标题
right Object 自定义右侧内容

返回数据格式

{
  "name": "POI名称",
  "address": "详细地址",
  "lonlat": "经度,纬度"
}

tdt-gather 采集经纬度组件

基本用法

<tdt-gather @back="handleBack" mapKey="" :zoom="14"></tdt-gather>

属性参数

参数名 类型 默认值 说明
mapKey String - 必填,天地图 API 密钥
height String '60vh' 地图容器高度
zoom Number 16 地图初始缩放级别
circle Object Boolean {} 圆形覆盖物配置(false 就不显示圈)
btnLabel String '采集此位置' 确认按钮文本

事件

事件名 返回值 说明
back Object 点击确认按钮时触发,返回选中位置信息

返回数据格式

{
  "name": "POI名称",
  "address": "详细地址",
  "lonlat": "经度,纬度"
}

隐私、权限声明

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

系统定位权限

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

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

许可协议

MIT协议

暂无用户评论。

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