当前位置:网站首页>Openlayers 5.0 discrete aggregation points
Openlayers 5.0 discrete aggregation points
2022-04-23 19:09:00 【GIS roast lamb leg is delicious】
import {OSM, Vector as VectorSource} from 'ol/source.js';
import {Fill, RegularShape, Stroke, Style} from 'ol/style.js';
import Icon from 'ol/style/Icon.js'
import Vectorlayer from 'ol/layer/Vector.js'
import Feature from 'ol/Feature.js'
import Vector from "ol/source/Vector";
import Cluster from "ol/source/Cluster";
import Circle from "ol/style/Circle";
import Text from "ol/style/Text";
/* Discrete aggregation point 1*/
static createLayer(){
webgissource.clusterpointdate = new Vector();
webgissource.clusterSource = new Cluster({
distance:40,
source: webgissource.clusterpointdate
});
var styleCache = {};
webgissource.clusterVectorLayer = new Vectorlayer({
source: webgissource.clusterSource,
zIndex:999,
style: function (feature, resolution) {
// The feature size of the current aggregate dimension data source
var size = parseInt(feature.get('features').length);
// Definition of style
var style = styleCache[size];
// Create if the current style does not exist
// if(0<size && size<=5){
// var src="static/img/ld1.png"
// }else if(5<size && size<=10){
// var src="static/img/ld2.png"
// }else if(10<size && size<=15){
// var src="static/img/ld3.png"
// }else if(15<size && size<=20){
// var src="static/img/ld4.png"
// }else if(20<size ){
// var src="static/img/ld5.png"
// }
if(map.getView().getZoom()==17){
style = [
// Initialize style
new Style({
// Point style
fill: new Fill({
color: 'rgba(0,225,255,0.1)'
}),
stroke: new Stroke({
color: '#00e1ff',
width: 3
}),
image: new Circle({
radius: 6,
fill: new Fill({
color: '#4271ff'
})
}),
// image: new Circle({
// radius: 8,
// fill: new Fill({
// color: 'rgb(0,155,29)'
// })
// })
})
];
styleCache[size] = style;
}else{
//if (!style) {
style = [
// Initialize style
new Style({
// Point style
fill: new Fill({
color: 'rgba(0,225,255,0.1)'
}),
stroke: new Stroke({
color: '#00e1ff',
width: 3
}),
image: new Circle({
radius: size==1?6:14,
fill: new Fill({
color: '#4863ff'
})
}),
// Text style
text: new Text({
// Text content
text: size==1?"":size.toString(),
// fill
font: '14px',
fill: new Fill({
color: 'rgb(255,255,255)'
}),
offsetY: 0,
})
})
];
styleCache[size] = style;
//}
}
return style;
}
});
map.addLayer(webgissource.clusterVectorLayer)
}
static clusterVectorLayer(data){
var points=new Point([x,y]);
var iconFeature = new Feature({
geometry:points,
attributions:data
})
webgissource.clusterpointdate.addFeature(iconFeature)
}
版权声明
本文为[GIS roast lamb leg is delicious]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204231908120712.html
边栏推荐
- Switching power supply design sharing and power supply design skills diagram
- Using 8266 as serial port debugging tool
- Partage de la conception de l'alimentation électrique de commutation et illustration des compétences en conception de l'alimentation électrique
- SSDB基础
- Oracle配置st_geometry
- ESP32 LVGL8. 1 - msgbox message box (msgbox 28)
- Treatment of incomplete display of listview height
- Go 语言 GUI 框架 fyne 中文乱码或者不显示的问题
- 简化路径(力扣71)
- Getting started with vcpkg
猜你喜欢
Simple use of navigation in jetpack
从技术体系到商业洞察,中小研发团队架构实践之收尾篇
One of the reasons why the WebView web page cannot be opened (and some WebView problem records encountered by myself)
c#:泛型反射
Esp32 (UART 485 communication) - 485 communication of serial port (3)
剑指 Offer II 116. 省份数量-空间复杂度O(n),时间复杂度O(n)
The difference between ordinary inner class and static inner class
【C语言进阶11——字符和字符串函数及其模拟实现(2))】
MVVM model
开关电源设计分享及电源设计技巧图解
随机推荐
Getting started with vcpkg
Eight bit binary multiplier VHDL
Recyclerview control list item layout match_ Fundamental principle of parent attribute invalidation
I just want to leave a note for myself
開關電源設計分享及電源設計技巧圖解
Practice of Druid SQL and security in meituan review
Esp32 drive encoder -- siq-02fvs3 (vscade + IDF)
MySQL Téléchargement et installation de la version Linux
Methods of nested recycleview to solve sliding conflict and incomplete item display
Switching power supply design sharing and power supply design skills diagram
SSDB基础3
Go language GUI framework Fyne Chinese garbled or not displayed
Wechat applet part of the mobile phone Preview PDF did not respond
On the forced conversion of C language pointer
Nacos cluster construction and MySQL persistence configuration
浅谈c语言指针的强制转换
Nacos as service registry
从技术体系到商业洞察,中小研发团队架构实践之收尾篇
Regular expressions for judging positive integers
Feature selection feature_ selection--SelectKBest