# 引入windy和shipxy

**Repository Path**: CZXyee/load-windy-and-shipxy

## Basic Information

- **Project Name**: 引入windy和shipxy
- **Description**: Vite 项目引入 Windy 和 ShipXY
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-25
- **Last Updated**: 2026-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vite 项目引入 Windy 和 ShipXY

## 启动

首先分别申请 Windy & ShipXY 的 API Key.

在项目根目录创建 `.env.local`（可参考 `.env.example`）：

```bash
VITE_WINDY_TOKEN=your_windy_token
VITE_SHIPXY_KEY=your_shipxy_key
```

启动项目：

```bash
pnpm install
pnpm dev
```

## 说明

1. 引入 Windy，通过 `.\src\loadAsset.ts` & `.\src\windy.ts` 动态加载 CDN，注意地图容器 id 必须为 `windy`；
2. 引入 ShipXY，由于使用 `document.write()` 加载脚本，因此只能在 `.\index.html` 由 CND 引入。通过 `.\src\shipxy.ts` 加载。