# map

**Repository Path**: address_g/map

## Basic Information

- **Project Name**: map
- **Description**: 高德地图集成
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-07
- **Last Updated**: 2026-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 惠州市区域高德地图组件

Vue 3 + Vite + Element Plus 项目，核心组件为 `src/components/HuizhouAmap.vue`。

## 启动

```bash
npm install
copy .env.example .env.local
npm run dev
```

在 `.env.local` 中填写高德开放平台申请的 Web 端（JS API）Key 和安全密钥：

```env
VITE_AMAP_KEY=你的Key
VITE_AMAP_SECURITY_CODE=你的安全密钥
```

## 组件能力

- 加载高德地图 JS API 2.0。
- 使用本地 GeoJSON 绘制惠州市五个区县。
- 区县悬浮高亮、点击事件和名称标注。
- 全市视图复位、标注显隐、标准/卫星图层切换。
- Key 缺失、网络或 GeoJSON 加载失败时展示明确错误状态。
- 组件卸载时释放地图、覆盖物和 ResizeObserver。

组件事件：

- `ready`：地图和惠州覆盖物初始化完成。
- `district-click`：点击区县时返回区县属性。
- `error`：初始化失败时返回错误对象。