# map-app

**Repository Path**: yuanzhengff/map-app

## Basic Information

- **Project Name**: map-app
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-17
- **Last Updated**: 2026-03-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 2.7.15 + Vite 项目

这是一个使用 Vite 构建的 Vue 2.7.15 前端项目。

## 技术栈

- Vue 2.7.15
- Vite 5.0
- @vitejs/plugin-vue2

## 开始使用

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

项目将在 `http://localhost:3000` 启动

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 百度地图配置

项目集成了百度地图组件，使用前需要配置 API Key：

1. 访问 [百度地图开放平台](https://lbsyun.baidu.com/apiconsole/key) 申请 API Key
2. 在 `index.html` 文件中，将 `YOUR_API_KEY` 替换为您的实际 API Key：

```html
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=YOUR_API_KEY"></script>
```

## 地图组件功能

- ✅ 地图展示（支持普通地图和卫星地图）
- ✅ 坐标搜索定位（支持格式：经度,纬度）
- ✅ 地址搜索定位
- ✅ 地图缩放、平移等交互
- ✅ 标记和信息窗口
- ✅ 组件大小由父组件控制（占满父容器）

## 项目结构

```
nxapp/
├── src/
│   ├── components/
│   │   └── BaiduMap.vue  # 百度地图组件
│   ├── App.vue           # 根组件
│   └── main.js           # 应用入口
├── index.html            # HTML 模板
├── vite.config.js        # Vite 配置
└── package.json          # 项目配置
```