
openlayers
管理员--0728
这个作者很懒,什么都没留下…
展开
-
openlayers绘制箭头线
老规矩,先上效果图(只需看黄色箭头样式就行) 实现方法也很简单,具体如下: // line就是线条两边的坐标 const lineArrow = [ { name: '浙奉渔19001', type: 1, line: [[13739180.61760428, 3867806.8497407753], [13753601.705080839, 3864763.0546381413]] }, {原创 2022-02-17 16:03:48 · 4052 阅读 · 18 评论 -
openlayers海量点渲染(2w点左右)
效果图 此处用到了openlayers的webgl属性 import GeoJSON from 'ol/format/GeoJSON'; //用来加载矢量数据 import WebGLPointsLayer from 'ol/layer/WebGLPoints'; //使用webgl渲染 初始化矢量图层,从文件加载点的地理信息 this.vectorSource = new Vector({ url: 'http://localhost:9528/data.ge原创 2021-05-27 11:26:58 · 6761 阅读 · 19 评论 -
openlayers实现点聚合,并添加点击事件(点击显示弹窗)
新手第一次用openlayers,看了下官网,对新手很不友好,看着官网的例子整了半天才出来, 直接上代码 <div id="map"></div> <div id="popup" class="ol-popup"> <a href="#" id="popup-closer" class="ol-popup-closer"></a> <div id="popup-title" class="popup-title">.原创 2021-04-07 18:57:43 · 7913 阅读 · 10 评论 -
openlayers之轨迹回放(附加暂停、继续播放功能)
效果图 老规矩,直接上代码,已经把该备注的都备注好了(可直接复制查看) <div id="map"></div> <label for="speed"> speed: <input id="speed" type="range" min="10" max="999" step="10" value="60"> </label> <button id="start-animation">S原创 2021-04-08 18:15:42 · 5960 阅读 · 32 评论