WebGIS
日常记录
bug总比办法多
这个作者很懒,什么都没留下…
展开
-
OpenLayers 避免在双击结束绘制导致地图放大
最近开发中需要实现在地图上绘制矢量图形的功能,发现在绘制结束时,如果同时清除添加在地图上的绘制功能,双击地图时会触发地图默认的双击放大交互功能,故在此记录下解决思路,不记录完整代码。原创 2022-11-16 15:34:10 · 1110 阅读 · 0 评论 -
Vue+Openlayers实现点要素聚合
Vue+Openlayers实现点要素聚合在一些场景下(比如地图上的点要素过多,会显得很密集),当我们缩小地图的时候,密集的点会覆盖住地图的信息,显得很杂乱,也会影响地图的渲染,此时,我们便可以使用Cluster对点要素进行聚合。环境的搭建不再赘述,不懂的可以先看第一篇文章。首先是需要引入的包:import Map from 'ol/Map';import View from 'ol/View';import Feature from 'ol/Feature';import VectorSou原创 2021-09-24 15:37:59 · 1833 阅读 · 1 评论 -
vue+openlayers实现水波纹样式点(图层方式)
PS:以下所有的代码都是基于搭建好的环境后才能运行的环境搭建,????Vue+OpenLayers入门(加载OSM在线地图)环境搭建好后,就可以开始愉快地写代码了。step1:引入ol包里面需要用到的东西import Feature from 'ol/Feature';import {Point} from 'ol/geom';import {Style, Fill, Stroke, Circle as CircleStyle} from 'ol/style';import {Vector a原创 2021-09-24 15:16:31 · 1960 阅读 · 13 评论 -
Vue+OpenLayers入门(加载高德在线地图)
开发环境的搭建在上一篇教程中已有描述,如果不知道怎么搭建,请移步vue+openlayers入门(加载OSM在线地图)此代码为加载高德在线地图以及清除地图上的默认控件:<template> <div class="map-box" id="map-box" ref="mapBox"></div></template><script>import 'ol/css';import {fromLonLat} from 'ol/proj';原创 2021-09-15 21:02:20 · 4243 阅读 · 0 评论 -
Vue+OpenLayers入门(加载OSM在线地图)
1、初始化Vue项目此处不再赘述,不会初始化的请移步:如何搭建一个vue项目(完整步骤)多说一句,完成vue项目的初始化后,可以在App.vue中修改代码如下(为何要这样修改,后面代码中的注释会描述):<template> <div id="app"> <router-view/> </div></template><script>export default { name: 'App'}</原创 2021-09-15 20:55:00 · 2474 阅读 · 0 评论