ArcGIS JS API :热力图不同级别下的优化方法

我们在地图缩放的不同级别下,热力图的显示效果会不同,由于点密度与模糊参数默认是固定的,因此需要对参数进行动态修改,以满足不同缩放级别下可以得到较好的显示效果。

思路是监听地图缩放级别,将地图缩放级别作为系数,去修改热力图的相应参数。

以下是经过优化后的地图监听代码:

map.on(‘extent-change‘,function(){
    heatmapfeatureLayer.renderer.maxPixelIntensity = 200 / map.getZoom();
    heatmapfeatureLayer.renderer.blurRadius = map.getZoom() * 0.9;
});

大家可以根据数据的特点修改上述代码中的常数进行调试。

原文地址:https://www.cnblogs.com/dawud/p/10364497.html

时间: 2024-08-30 08:26:13

ArcGIS JS API :热力图不同级别下的优化方法的相关文章

geoserver图层属性查询及查询结果转换为arcgis js api能使用的格式

一个项目使用了ArcGIS JS API开发GIS展示层,但GIS服务使用了Geoserver,这时加载Geoserver数据和查询数据就和之前完全不一样了,以下介绍下我使用ArcGIS JS API+Geoserver开发过程中解决Geoserver图层属性查询的一个方案. 以Geoserver中发布的图层 city 为例.我现在要查询city图层中ID=53090000000000的对象,并使用ArcGIS JS API将查询到的结果显示出来. 首先找到查询的实际地址: http://loc

ArcGIS js api 手动构建FeatureLayer

坐标系 var spatialReference = new SpatialReference(4326);1要素坐标点 var pointArr = [ new Point(116.94431351934418, 36.642791191513744, spatialReference), new Point(116.94313181636085,36.644263733181496, spatialReference), new Point(116.94323946773243, 36.64

RETINA显示屏下ICON优化方法

便于理解,先来了解几个名词: dpi(dots per inch),每英寸的点数,用来测量任何设备的硬件分辨率.一个21”的屏幕可以拥有1680 X 1050 的分辨率,27”的屏幕也可以拥有相同的分辨率,那么大屏幕比小屏幕的dpi小. dip(device independent pixels),设备独立像素,与160 dpi显示屏上的1px相等, 又称dp. dppx(dots per ‘px’),每px单位上的点数.由于CSS英寸与CSS像素的固定比是1:96,那么1dppx=96dpi.

[转]ArcGIS JavaScript API本地部署离线开发环境

1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2011/0223/960.html,在下载页面会看到api和sdk的下载链接,api是我们开发需要的库,sdk是说明文档和例子,点击下载api的最新版3.2. 2 本地部署API 打开API包中的arcgis_js_api/library/install.htm安装说明,本文依据此英文说明而来. 解压后在IIS中建立应用程序,如下图.配置好API应用程序后,其路径

ArcGIS JS 学习笔记1 用ArcGIS JS 实现仿百度地图的距离量测和面积量测

一.开篇 在博客注册了三年,今天才决定写第一篇博客,警告自己不要懒!!! 二.关于ArcGIS JS 版本选择 在写这篇博客时ArcGIS JS 4.0正式版已经发布.它和3.x版本的不同是,Map不在是一个控件,而真的只是一张“图”,Map(4.0版本)需要在一个View里面来展示,在MapView里面就是一张平面图,在SceneView里面就一张三维地图.同一张地图在不同的View里面就可以呈现出不同的效果.但是4.0版本才是一个最初的版本,还有很多3.x有的功能没有被加入到其中.所以我打算

【高德地图API】从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

摘要: 地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等.如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血.有个各种各样的地图服务,我们的地图应用才能变得有血有肉,活灵活现. 第四篇拆成了几个要点,本篇主要讲搜索服务.包括周边搜索,关键词搜索,范围搜索,搜索提示(自动完成,输入提示),行政区域,交叉路口,检索自有数据(云图). demo:http://zhaoziang.com/amap/zero_4_1.ht

ArcGIS JavaScript API 3.11本地化安装

1.下载API 美国站点:http://www.esri.com/apps/products/download/index.cfm?fuseaction=download.all#ArcGIS_API_for_JavaScript 中国ESRI网站:http://support.esrichina-bj.cn/support/download/software/ 2.安装 下载完毕后,解压Library:arcgis_js_v311_api.zip和SDK:arcgis_js_v311_sdk.

让WebStorm支持ArcGIS JS 补全提示

工欲善其事必先利其器,用ArcGIS JS 开发WebGIS有esri推荐的几款IDE,aptana,vs,sublime text.我比较喜欢的就是sublime text和WebStorm,sublime默认js文件打开方式,风格很喜欢,但到开发上还是推荐WebStorm,被誉为前端开发神器,支持dojo.YUI.JQuery等框架.下边我就讲下如何利用让WebStorm来开发ArcGIS JS. 这里我用的是WebStorm最新的版本8.0,觉得速度比7快一些,不过有个小bug,调试时co

【高德地图API】从零开始学高德JS API(一)地图展现

摘要:关于地图的显示,我想大家最关心的就是麻点图,自定义底图的解决方案了吧.在过去,marker大于500之后,浏览器开始逐渐卡死,大家都开始寻找解决方案,比如聚合marker啊,比如麻点图啊.聚合marker里面还有一些复杂的算法,而麻点图,最让大家头疼的,就是如何生成麻点图,如何切图,如何把图片贴到地图上,还有如何定位图片的位置吧.以前那么复杂的一系列操作,居然让云图的可视化操作一下子解决了.现在只要点一点鼠标,麻点图就自动生成了.真是广大LBS开发者的福音. 以前写过从零开始学百度地图AP