基本信息
源码名称:esri热度图 示例源码下载
源码大小:0.02M
文件格式:.zip
开发语言:js
更新时间:2017-07-03
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
用的esri的api做的热度图
var basemap = new ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer"); |
|
map.addLayer(basemap); | |
map.on('load', function (theMap) { | |
heatLayer = new HeatmapLayer({ | |
config: { | |
"useLocalMaximum": true, | |
"radius": 40, | |
"gradient": { | |
0.45: "rgb(000,000,255)", | |
0.55: "rgb(000,255,255)", | |
0.65: "rgb(000,255,000)", | |
0.95: "rgb(255,255,000)", | |
1.00: "rgb(255,000,000)" | |
} | |
}, | |
"map": map, | |
"domNodeId": "heatLayer", | |
"opacity": 0.85 | |
}); | |
// 在地图中将热度图图层 | |
map.addLayer(heatLayer); | |
map.resize(); | |
// 创建一要素图层,从该图层中获取点要素 | |
//教材上给出的URL已经失效,此处的URL仅有FeatureService,无MapService,因此无法显示树的位置,但不影响制作热度图 | |
featureLayer = new FeatureLayer("http://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/SFStreetTreesRendered/FeatureServer/0", { | |
mode: FeatureLayer.MODE_ONDEMAND, | |
visible: false | |
}); | |
map.addLayer(featureLayer); | |
// 从要素图层中获取点数据 | |
getFeatures(); | |
// 处理地图显示范围改变事件 | |
map.on("extent-change", getFeatures); | |
on(dom.byId('tog'), "click", function () { | |
if (heatLayer.visible) { | |
heatLayer.hide(); | |
} else { | |
heatLayer.show(); | |
} | |
}); | |
on(dom.byId('tog2'), "click", function () { | |
if (featureLayer.visible) { | |
featureLayer.hide(); | |
} else { | |
featureLayer.show(); | |
} | |
}); | |
}); | |