大概实现思路如下：读取热力图模拟数据源json，构造openlayers热力图数据源features，然后创建热力图图层（核心类Heatmap），设置Heatmap的初始化一些参数值，比如weight权重值，radius，gradient，blur等等，参数详细说明自行看openlayers官网文档... ...
分类：
其他好文 时间：
2020-05-10 16:42:14
阅读次数：
90
ol之弹窗 openlayers的弹窗主要通过 Overlay 添加。 1.首先需要创建弹框dom： <div id="popup" ref="popup" class="ol-popup"> <a href="#" ref="popup-closer" class="ol-popup-closer ...
分类：
其他好文 时间：
2020-04-22 19:43:45
阅读次数：
109
最近再做缓冲区的绘制，然后在网上各种查资料，最后决定用turf来实现; 刚开始这样写的，然后不出现缓冲区 var line = turf.lineString([[8940117.74537665,5936319.233970245],[10407708.688452033,5740640.4415 ...
分类：
Web程序 时间：
2020-04-22 16:57:06
阅读次数：
242
``` createStyle(){ return new Style({ stroke: new Stroke({ color: '#ff4e00', //面的边界线颜色 width: 1 //边界线宽 }), fill: new Fill({ color: 'rgba(0... ...
分类：
其他好文 时间：
2020-03-27 12:59:02
阅读次数：
317
``` [ttps://openlayers.org/en/v5.3.0/css/ol.css] [*https://openlayers.org/en/v5.3.0/build/ol.js] ``` ...
分类：
其他好文 时间：
2020-03-27 12:56:31
阅读次数：
83
地图交互interaction 关于map的方法： //添加地图交互 map.addInteraction(interaction) //删除地图交互 map.removeInteraction(interaction) 创建矢量图层并添加到地图容器中： //创建矢量图层并添加到地图容器中 var ...
分类：
其他好文 时间：
2020-03-15 14:58:16
阅读次数：
70
创建地图： //OSM图层 let source = new ol.source.OSM() //切片图层tilelayer let layers = new ol.layer.Tile({ source: source,//图层来源 opacity:1,//透明度，默认为1 visible:tru ...
分类：
其他好文 时间：
2020-03-15 00:00:47
阅读次数：
76
绑定事件：map.on(type, listener) 取消绑定：map.un(type, listener) type:事件类型 listener：执行得函数体 事件类型： //事件类型 let type = { click:'click',//单击 dblclick:'dblclick',//双 ...
分类：
其他好文 时间：
2020-03-14 22:12:49
阅读次数：
117
创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection:'EPSG:4326',//投影方式 center: [108, 34],//定义初始显示位置 zoom: 3 //定义地图显示层级 }), //创建地图图层 ...
分类：
其他好文 时间：
2020-03-14 09:17:59
阅读次数：
59
本文我是参照openlayers官网webgl点渲染例子，替换自己的数据源做的测试渲染例子，测试点图层77w左右个点，渲染效果还可以，体验问题不大。 ...
分类：
Web程序 时间：
2020-01-20 12:42:29
阅读次数：
267
