new mars3d.layer.HeatLayer({实现动态修改热力图半径

178 篇文章 2 订阅
160 篇文章 0 订阅

1.使用热力图插件的时候,实现动态修改热力图效果半径

2.直接修改是不可以的,因为这个是热力图本身的参数。

因此我们需要拿到这个热力图对象之后,参考api文档,对整个  heatLayer.heatStyle进行传参修改。

heatStyle地址:heatmap热力图本身configObject参数,详情也可查阅热力图本身的文档。

1.HeatLayer - V3.7.8 - Mars3D API文档

2.heatmap.js Documentation

 3.此时需要注意的是heatStyle是一个对象类型的数据,那么就需要在传参的时候,对相关的参数进行类型包装,使用{}

错误用法:×××××××××××××××××××××××大no特no

正确用法:

1.测试地址:功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技icon-default.png?t=N7T8http://mars3d.cn/editor-vue.html?key=ex_10_0_0&id=layer-other/heatmap/heatLayer2.测试代码:

  setTimeout(() => {

    console.log("重绘啦~+++++++++++++++")

    heatLayer.heatStyle = {

      radius: 40,

      blur: 0.85

    }

  }, 5000);

传参前效果:

传参后效果:

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Mars3D是一款基于Cesium的三维地球开发框架,支持加载多种格式的地图数据,包括PBF矢量地图。而ArcGIS是一个非常流行的GIS平台,也提供了PBF格式的矢量地图数据。下面是一个简单的示例代码,演示如何在Mars3D中加载ArcGIS的PBF矢量地图。 ```javascript //创建地球实例 var viewer = new Cesium.Viewer('cesiumContainer'); //定义PBF矢量图层 var pbfLayer = new mars3d.layer.PbfLayer({ url: 'http://xxxxxx/arcgis/rest/services/xxxx/MapServer/tile/{z}/{y}/{x}', style: { type: 'symbol', layout: { 'icon-image': '{icon}-15', //使用不同的icon名称作为矢量图标 'text-field': '{name}', //显示名称 'text-font': ['Open Sans Semibold', 'Arial Unicode MS Bold'], 'text-offset': [0, 0.6], 'text-anchor': 'top' }, paint: { 'text-color': '#000000', 'text-halo-color': '#ffffff', 'text-halo-width': 2 } } }); //添加PBF矢量图层到地球上 viewer.mars.addLayer(pbfLayer); ``` 其中,`url`参数是ArcGIS PBF矢量地图的服务地址,`style`参数则是对矢量图层的样式进行定义,包括图标、文字等。在示例代码中,我们使用了`symbol`类型的样式,并且将不同类型的矢量图标作为不同的`icon`名称进行了区分。 通过以上代码,你就可以在Mars3D中加载ArcGIS的PBF矢量地图了。需要注意的是,由于ArcGIS服务可能会有跨域限制,建议将PBF地图服务部署到与Mars3D应用同一域名下,或者使用代理进行跨域访问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值