GeezerVison is showing github.com — iClient-JavaScript/examples/leaflet/12_heatMap.html at master · lyinghappy/iClient-JavaScript

Expand file tree

12_heatMap.html

Copy path

More file actions

Latest commit

History

54 lines (53 loc) · 2.02 KB

12_heatMap.html

Copy path

File metadata and controls

54 lines (53 loc) · 2.02 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

<!--********************************************************************

*********************************************************************-->

<!--********************************************************************

* 该示例需要引入

* leaflet.heat (https://github.com/Leaflet/Leaflet.heat)

*********************************************************************-->

<!DOCTYPE html>

<html>

<head>

<style>

#heatNumbers, #heatRadius {

width: 50px;

display: inline-block;

}

</style>

</head>

var host = window.isLocal ? window.server : "https://iserver.supermap.io";

var map, resultLayer,

url = host + "/iserver/services/map-china/rest/maps/China";

map = L.map('map', {

preferCanvas: true,

center: [39.89, 116.35],

maxZoom: 18,

zoom: 11

});

new L.supermap.TiledMapLayer(url).addTo(map);

loadHeatMap();

function loadHeatMap() {

var heatNumbers = 150, heatRadius = 30;

var num = parseInt(heatNumbers);

num = (num > 0) ? num : 0;

var radius = parseInt(heatRadius);

radius = (radius > 0) ? radius : 0;

var heatPoints = [];

for (var i = 0; i < num; i++) {

heatPoints[i] = [Math.random() * 0.28 + 39.78, Math.random() * 0.5 + 116.12, Math.random() * 80];

}

resultLayer = L.heatLayer(heatPoints, {

radius: radius,

minOpacity: 0.5

}).addTo(map);

}

</script>

</body>

</html>