地图导览（手绘）

## 地图导览（手绘）
`插件位置：应用-行业应用->地图导览（手绘）`
### 注：腾讯地图后台审核通过后，图层ID和key在H5端是可以免费使用的，如果要用小程序端，需要找腾讯那边去开通小程序端的使用
### 1.插件介绍
- 可添加展示区域，自定义区域内点位分类和图文语音介绍，点击点位可实现导航、播放语音介绍、跳转图文介绍页面等操作

### 2.使用流程
```mindmap
# 模块流程
### 1.地图导览内新点位分类
#### 设置点位名称，添加选择图片、选中图片和分类logo
### 2.地图导览新增点位列表
#### 设置点位信息
#### 设置高级设置
#### 高级设置内勾选点位功能
### 3.地图列表
#### 添加地图名称、区域
#### 重点：地图导览（手绘）内选择H5版（腾讯手绘版）
```
### 3.常见问题
#### http://doc.worldidc.cn/doc/231/

### 4.重要逻辑
#### 地图列表获取的是地图导览内的列表数据，无法直接在手绘地图列表内添加

### 5.图层ID获取方法
#### 1）.登录腾讯地图后台点击控制台：https://lbs.qq.com/

#### 2）.点击个性化图层beta版创建图层

<img src="/media/202503/2025-03-14_210819_7845970.12200740926146103.png" alt="图片alt" title="图片title" width='800'>
#### 3）.新增图层瓦片
#### 注：上传手绘图片前需先通过搜索确认手绘图位置后再上传图片

<img src="/media/202503/353c1da38e12a269526052058c54804c_0f688beb5ee0d3339b3452d75443b8b6_1909x762_1741957902.png" alt="图片alt" title="图片title" width='800'>
 <img src="/media/202503/2_1741957986.png" alt="图片alt" title="图片title" width='800'>
#### 4）.编辑好后生成瓦片，生成点击左下角提交审核
 <img src="/media/202503/3_1741958074.png" alt="图片alt" title="图片title" width='800'>
 <img src="/media/202503/4_1741958243.png" alt="图片alt" title="图片title" width='800'>
#### 5）.审核通过后将图层ID复制黏贴至后台图层ID处
 <img src="/media/202503/5_1741958410.png" alt="图片alt" title="图片title" width='800'>
 <img src="/media/202503/6_1741958417.png" alt="图片alt" title="图片title" width='800'>
#### 6）.点击图层管理复制腾讯地图key，填写至门店展示—门店设置腾讯地图key处
 <img src="/media/202503/7_1741958537.png" alt="图片alt" title="图片title" width='800'>
 <img src="/media/202503/8_1741958545.png" alt="图片alt" title="图片title" width='800'>
 <img src="/media/202503/9_1741958553.png" alt="图片alt" title="图片title" width='800'>