一、本文简介

两个独立的容器，使用了不同的图源。但不管操作哪个容器的地图，另一个也会跟着变化。

二、开发环境

Vite + Vue3 + ol6

# 1、使用 Vite 创建项目；取个好听的项目名；拉取 vue 的代码模板
npm init vite@latest

# 2、初始化项目
cd you-project
npm install

# 3、安装 ol
npm i ol -S

# 4、启动项目
npm run dev

使用 初始化项目并安装 ，更详细做法可以查看

思路

两个地图使用同一个view，所以在移动、缩放、旋转等操作都是同步的。

编码

更多推荐

如果不清楚 是什么，可以阅读：