写点什么

openlayers

2 人感兴趣 · 9 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/19/193571e1e9d50afbd7825a20b24006a1.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 同步两个地图基础操作

用户头像
德育处主任
2021-09-24

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

https://static001.geekbang.org/infoq/0e/0ee9845eafb5269f7edb57ec391e0765.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 手动激活地图

用户头像
德育处主任
2021-09-23

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

https://static001.geekbang.org/infoq/e9/e9a4f73849cddb8bcef103e18f59f823.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 手动控制缩放级别

用户头像
德育处主任
2021-09-16

除了用鼠标滚轮在地图上缩放外,还可以使用 ol 提供的 api 设置地图缩放级别。

https://static001.geekbang.org/infoq/3d/3d56406fdb8e63f8a260847baa7e3b57.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vite + Vue3 + OpenLayers 弹窗

用户头像
德育处主任
2021-09-16

鼠标在地图上点击会出现一个弹窗,并且出现在鼠标指针上方。 如果在地图边缘点击,会保证弹窗能完整显示出来。

Vite + Vue3 + OpenLayers

用户头像
德育处主任
2021-09-11

使用Vite构建Vue3项目,并在Vue3项目中使用OpenLayers开发地图。内网可用~~~~~

https://static001.geekbang.org/infoq/02/025a78c03bdf644bbd2fa51f76f1e777.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【vue-openlayers】弹窗

用户头像
德育处主任
2020-06-02

单击地图弹出当前坐标信息的弹窗

https://static001.geekbang.org/infoq/57/57e84f38822ffde14745f025f8b90e02.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

【openlayers】在 vue 中使用 ol

用户头像
德育处主任
2020-05-31

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

openlayers_openlayers技术文章_InfoQ写作社区