openlayer
文章平均质量分 63
前端小码仔
学习如逆水行舟,不进则退
展开
-
Openlayer - vue中加载天地图(入门篇)
基于Vue脚手架构建的,按照教程天地图就可以显示出来了。原创 2024-08-15 14:02:26 · 354 阅读 · 0 评论 -
Openleyer 获取features样式
获取地图上的点击要素方法有2种途径,1、interaction中select方法2、map中forEachFeatureAtPixel方法原创 2024-08-12 16:00:22 · 238 阅读 · 0 评论 -
Openlayer-问题总结(一)监听地图变化
当遇到页面宽度无法填满画布导致出现白边或者页面布局发生变化时地图无法动态适应时,可以通过监听地图变化,使用MutationObserver API来观察DOM节点的变动,当检测到地图相关属性变化时调用`updateSize()`方法,从而动态调整地图尺寸,解决问题。原创 2024-08-12 11:20:10 · 228 阅读 · 0 评论 -
OpenLayers-添加overlay图层时位置发生偏移BUG
然后我想到每次出现偏移时,进行地图缩放或者拖动时都会恢复正常,那我是不是可以在添加完图层后刷新一下地图从而实现想要的效果呢,结果就是成功了,在图层渲染完毕后通过回调调用地图刷新函数(这里有子组件的渲染,所以这边是通过生命周期钩子函数配合自定义事件完成),然后显示效果就正常了。在做项目过程中,用overlay做了一个infowindow弹窗,但是在使用过程中发现一个bug:overlay.setPosition以后,会出现偏移,但是拖动一下地图或者点击一下地图其他地方就回到正确的位置。原创 2024-08-12 09:35:04 · 936 阅读 · 0 评论 -
天地图按地名搜索+openlayer+vue3
也可以在地图上点中进行标注。原创 2024-08-05 14:27:21 · 771 阅读 · 0 评论 -
OpenLayers学习笔记-点位聚合
用户点击行政区划等操作后,从后台获取区域内的点位数据,在地图上聚合显示。用户手动取消聚合,点位直接渲染在地图上。原创 2024-07-12 17:05:27 · 916 阅读 · 0 评论