更新记录
1.0.31(2025-07-24)
下载此版本
默认定位图标切换为cdn地址
1.0.3(2025-07-24)
下载此版本
1.完善信息采集文档
2.修改默认定位图标不显示问题
1.0.2(2025-07-24)
下载此版本
1.新增经纬度采集组件 [tdt-gather]
- 更新文档
查看更多
平台兼容性
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": "经度,纬度"
}
