openlayers
2 人感兴趣 · 9 次引用
- 最新
- 推荐

Vite + Vue3 + OpenLayers 同步两个地图基础操作
两个独立的容器,使用了不同的图源。但不管操作哪个容器的地图,另一个也会跟着变化。


Vite + Vue3 + OpenLayers 手动激活地图
开发中遇到一种需求:1、需要展示地图,但默认不影响页面滚动。 2、点击地图后,在地图上方滚动鼠标滚轮可以缩放地图。 3、点击地图之外的地方,鼠标再回到地图上滚动滚轮时,页面可以上下滚动,但地图不会缩放。

Vite + Vue3 + OpenLayers 手动控制缩放级别
除了用鼠标滚轮在地图上缩放外,还可以使用 ol 提供的 api 设置地图缩放级别。

Vite + Vue3 + OpenLayers 弹窗
鼠标在地图上点击会出现一个弹窗,并且出现在鼠标指针上方。 如果在地图边缘点击,会保证弹窗能完整显示出来。
Vite + Vue3 + OpenLayers
使用Vite构建Vue3项目,并在Vue3项目中使用OpenLayers开发地图。内网可用~~~~~


【openlayers】在 vue 中使用 ol
Openlayers 是一个模块化、高性能并且功能丰富的WebGIS客户端的JavaScript包,用于显示地图及空间数据,并与之进行交互,具有灵活的扩展机制。