diff --git a/static/view/data/arcgisTreeNode.json b/static/view/data/arcgisTreeNode.json index a25a4a02fe2d4de1fe989f831e8ec39b58dd6bb7..4fb87bfd9bf18e702b1a0f081fa0ddd46652f701 100644 --- a/static/view/data/arcgisTreeNode.json +++ b/static/view/data/arcgisTreeNode.json @@ -78,21 +78,11 @@ "name": "echarts_web_map", "branch": "arcgis_latest" }, - { - "label": "Webmap test", - "name": "webmap_test", - "branch": "arcgis_latest" - }, { "label": "热力图", "name": "heatmap", "branch": "arcgis_latest" }, - { - "label": "图层管理", - "name": "manage_layers", - "branch": "arcgis_latest" - }, { "label": "迁徙图", "name": "migrate", @@ -118,60 +108,10 @@ "name": "bus_line", "branch": "arcgis_latest" }, - { - "label": "点聚合图", - "name": "flareClusterLayer", - "branch": "arcgis_latest" - }, - { - "label": "运动图层", - "name": "movinglayer", - "branch": "arcgis_latest" - }, { "label": "3.x运动图层", "name": "3.xmovelayer", "branch": "arcgis_latest" - }, - { - "label": "多图层查询", - "name": "2d_findTaskLayers", - "branch": "arcgis_latest" - }, - { - "label": "画框统计", - "name": "2d_queryStatistic", - "branch": "arcgis_latest" - }, - { - "label": "视频播放", - "name": "2d_videoView", - "branch": "arcgis_latest" - }, - { - "label": "缓冲区分析", - "name": "2d_buffer_analysis", - "branch": "arcgis_latest" - }, - { - "label": "加载本地JSON文件/shapefile文件", - "name": "2d_loadGeometry", - "branch": "arcgis_latest" - }, - { - "label": "要素编辑", - "name": "editFeatures", - "branch": "arcgis_latest" - }, - { - "label": "要素编辑用3.x版本", - "name": "2d_featureEditor3.x", - "branch": "arcgis_latest" - }, - { - "label": "要素编辑用3.x版本_贵州", - "name": "2d_featureEditor3.x_guizhou", - "branch": "arcgis_latest" } ] } diff --git a/static/view/demo/page-3.xmovelayer.html b/static/view/demo/page-3.xmovelayer.html index 8a6fe9ac1ab02511c98dc00b5ce3857005c69674..6fb305055c4cb26f1d699f307cc2f3d6f9f86d40 100644 --- a/static/view/demo/page-3.xmovelayer.html +++ b/static/view/demo/page-3.xmovelayer.html @@ -17,7 +17,7 @@ - + + - + - + + - - + - + //热力图原理,热力图反映热力点对周围的影响程度,在地图上以像素为单位进行展示 + //每个像素点上面的影响(权值)=每个热力点赋给它的影响的总和 + //每个热力点的影响 = 热力点自身权重(field属性字段确定的,属性值越大,值越大)*距离反比系数(离热力点越远,其上的影响越小,系数越小) + var heatmaplayer = new FeatureLayer({ + url: + "https://apaasgis.wodcloud.com/server/rest/services/SX_FXJC_ZDWXY/FeatureServer/0", + outFields: ["*"], + popupTemplate: template, + }); + // 创建地图 + var map = new Map({ + basemap: tdtBasemap, + layers: [heatmaplayer], + }); - -
- + var view = new MapView({ + container: "viewDiv", + zoom: 7, + constraints: { + lods: tileInfo.lods, + snapToZoom: true, + }, + center: [112.729463, 38.061348], + map: map, + }); + heatmaplayer.queryFeatures().then(function(results) { + var maxcount = 0; + for (var index in results.features) { + if (maxcount < results.features[index].attributes.rvalue) { + maxcount = results.features[index].attributes.rvalue; + } + } + var renderer = { + type: "heatmap", + field: "rvalue", //热力点的权值字段,如果为空则每个热力点自身权重一样 + blurRadius: 10, //热力点的影响范围单位px,超过此范围的按权值按0计算 + //颜色区间,变化范围,ratio = 热力点的权值/maxPixelIntensity + colorStops: [ + { + ratio: 0, + color: "rgba(0, 0, 255, 0)", //透明度为0,否则地图将会被热力图遮盖 + }, + { + ratio: 0.1, + color: "royalblue", + }, + { + ratio: 0.3, + color: "cyan", + }, + { + ratio: 0.5, + color: "lime", + }, + { + ratio: 0.7, + color: "yellow", + }, + { + ratio: 1, + color: "red", + }, + ], + //像素点的最高权值,当其权值超过100时,按100计算 + maxPixelIntensity: maxcount, + minPixelIntensity: 0, + }; + heatmaplayer.renderer = renderer; + }); + view.ui.add( + new Legend({ + view: view, + }), + "bottom-left" + ); + var list = new LayerList({ + view: view, + }); + view.ui.add( + new LayerList({ + view: view, + }), + "top-right" + ); + console.log(list); + }); + + + +
+ diff --git a/static/view/demo/page-migrate.html b/static/view/demo/page-migrate.html index 09c510bef19345b0e85a96b3afe2c3d9e9678a80..a1ac761e850f327b519fde6c5530a2aee443a577 100644 --- a/static/view/demo/page-migrate.html +++ b/static/view/demo/page-migrate.html @@ -4,7 +4,7 @@ 模拟人口迁徙 - + - - - - - + - - + - +