网页
资讯
视频
图片
知道
文库
贴吧
地图
采购
进入贴吧
全吧搜索
吧内搜索
搜贴
搜人
进吧
搜标签
日
一
二
三
四
五
六
签到排名:今日本吧第
个签到,
本吧因你更精彩,明天继续来努力!
本吧签到人数:0
一键签到
成为超级会员,使用一键签到
一键签到
本月漏签
0
次!
0
成为超级会员,赠送8张补签卡
如何使用?
点击日历上漏签日期,即可进行
补签
。
连续签到:
天 累计签到:
天
0
超级会员单次开通12个月以上,赠送连续签到卡3张
使用连续签到卡
09月25日
漏签
0
天
openlayers吧
关注:
288
贴子:
383
看贴
图片
吧主推荐
游戏
19
回复贴,共
1
页
<<返回openlayers吧
>0< 加载中...
openlayer渲染海量的features后,拖动地图会出现出现严重卡顿
只看楼主
收藏
回复
子乔不花心
中级粉丝
2
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
如题,我给feature设置的形状为circle,即圆形,大概有50000个圆点。当圆点不设置样式(默认为白色时),拖动地图基本无卡顿,但是用setStyle给圆点添加颜色等样式以后,地图就会巨卡无比。有没有大神有办法解决,即渲染50000个圆点,并给圆点设置样式,在拖动地图时可以做到无卡顿!!!
谢谢了!!!!跪求!
!
陪你一辈子
初级粉丝
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
根据zoom来处理,比如当zoom为5时,显示默认样式,当zoom为10时显示自定义的样式,
或者做聚合 cluster
地城之光20级进阶
角色等级达到20级,
去领取
活动截止:2100-01-01
去徽章馆》
靖江言宁信息科技
Edg浏览器作为新一代的原生浏览器,在保持原有的强大的浏览器主功能外,还,还完美补充了扩展等现代浏览器功能;edg点击进入下载!
2024-09-25 14:31
广告
立即查看
一把厕所大刷子
初级粉丝
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
解决这个问题了吗
冷语冷人心丶
初级粉丝
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
cluster 会好一点
我真的好难
初级粉丝
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
参考一下聚合坐标
我真的好难
初级粉丝
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
var data = rep.result;
var lng,lat,state;
var num = 0;
//存储聚合坐标数组
var aggregateCoordinates = new Array();
console.log(data);
for (var i = 0; i < data.length; i++) {
var po = data[i];
if(po.lng == undefined || po.lat == undefined){
state = 0;
continue;
}
var coordinates = [po.lng, po.lat];
var f = new ol.Feature(
new ol.geom.Point(coordinates),
);
var id = Number(po.crtUsrid)
f.custNo = po.custNo;
aggregateCoordinates.push(f);
num++;
lng = po.lng;
lat = po.lat;
}
if(lng == undefined || lat == undefined){
layer.msg("目标下存在信息 但全部坐标点未被定义", {
icon: 5
});
return;
}
if(state == 0){
layer.msg("目标下存在信息 但部分坐标点未被定义", {
icon: 3
});
}
//聚合坐标矢量要素数据源
var aggregateSource = new ol.source.Vector({
features: aggregateCoordinates
});
//聚合标注数据源
var clusterSource = new ol.source.Cluster({
distance: 40, //聚合的距离参数,即当标注间距离小于此值时进行聚合,单位是像素
source: aggregateSource //聚合的数据源,即矢量要素数据源对象
});
//加载聚合标注的矢量图层
var styleCache = {}; //用于保存特定数量的聚合群的要素样式
clusters = new ol.layer.Vector({
source: clusterSource,
style: function(feature, resolution) {
var size = feature.get('features').length; //获取该要素所在聚合群的要素数量
var style = styleCache[size];
if (!style) {
style = [
new ol.style.Style({
image: new ol.style.Circle({
radius: 15,
stroke: new ol.style.Stroke({
color: '#fff'
}),
fill: new ol.style.Fill({
color: '#3399CC'
})
}),
text: new ol.style.Text({
text: size.toString(),
fill: new ol.style.Fill({
color: '#fff'
})
})
})
];
styleCache[size] = style;
}
return style;
}
});
map.addLayer(clusters);
//当前聚合标注数据源中的要素
var currentFeatures = clusterSource.getSource().getFeatures();
//如果聚合标注数据源有要素,则开启图层 定位 并隐藏标注图层
if(currentFeatures.length > 0){
modifyMapView(lng,lat,16);
//隐藏16标注图层
MakerSixteen.setVisible(false);
}
//流加载
flowList(1,iconId,bankCd);
限量版丨丶坏坏
初级粉丝
1
该楼层疑似违规已被系统折叠
隐藏此楼
查看此楼
https://openlayers.org/en/latest/examples/webgl-points-layer.html
可以试试webglpointlayer来做
登录百度账号
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频!
贴吧页面意见反馈
违规贴吧举报反馈通道
贴吧违规信息处理公示