# vue3+高德地图

**Repository Path**: wzh253/vue3-amap

## Basic Information

- **Project Name**: vue3+高德地图
- **Description**: vue3+高德地图
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 2
- **Created**: 2024-12-18
- **Last Updated**: 2025-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目名称

## 项目概述

本项目基于 **Vue 3**、**Vite**、**Vuex**、**Vue Router**、**Element UI Plus**、**Amap（高德地图）**、**ECharts**、**Sass**、**Leaflet** 等技术栈，主要用于实现一个 **地图展示功能**。该项目支持搜索地点、添加地图图标、以及点击图标时显示提示弹窗等功能。

## 技术栈

- **Vue 3** - 渐进式 JavaScript 框架
- **Vite** - 前端构建工具
- **Vuex** - 状态管理
- **Vue Router** - 路由管理
- **Element UI Plus** - 基于 Vue 3 的 UI 组件库
- **Amap（高德地图）** - 高德地图 API 用于地图显示和交互
- **ECharts** - 用于数据可视化
- **Sass** - CSS 扩展语言
- **Leaflet** - 开源 JavaScript 地图库，用于实现地图交互功能

## 安装与使用

1. **Node.js 版本要求**：建议使用 **Node.js 20** 或以上版本。
2. **克隆项目**：

   ```bash

   git clone <项目仓库地址>
   cd <项目文件夹>
   ```

.
├── public/ # 公共文件（静态资源）
├── dist/ # 打包文件
├── src/ # 源代码
│ ├── assets/ # 静态资源（图片、样式等）
│ ├── components/ # Vue 组件
│ ├── router/ # 路由
│ ├── store/ # Vuex 状态管理
│ ├── views/ # 页面视图
│ └── main.js # 入口文件
├── package.json # 项目配置文件
├── vite.config.js # Vite 配置文件
└── README.md # 项目说明文件