openlayers6聚合图(附源码下载)
前言 之前写过一篇openlayers4版本的地图聚合图文章,但是由于是封装一层 js代码写的,很多初学者看起来比较有点吃力,所以本篇文章重新写一篇地图热力图文章,直接基于最新版本openlayers6写的,纯粹html + js + css形式,没有任何封装。 内容概览 1.基于openlayers6实现地图聚合图效果 2.源代码demo下载 效果图如下: 大概实现思路如下:读取聚合图模拟数据源json,构造openlayers聚合图数据源features,然后创建聚合图图层(核心数据源类Cluster),设置Cluster的初始化一些参数值,参数详细说明自行看openlayers官网文档api。 部分核心代码,完整的见源码demo下载 import {Map, View} from 'ol' ; import XYZ from 'ol/source/XYZ' ; import {Circle as CircleStyle, Fill, Stroke, Style, Text} from 'ol/style' ; import {Heatmap as HeatmapLayer, Tile as TileLayer} from 'ol/layer' ; import VectorSource from 'ol/source/Vector' ; import VectorLayer