| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!--********************************************************************
- * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
- *********************************************************************-->
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title data-i18n="resources.title_heatMap"></title>
- <script type="text/javascript" include="jquery" src="../js/include-web.js"></script>
- </head>
- <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
- <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
- <script type="text/javascript" include="echarts" src="../../dist/leaflet/include-leaflet.js"></script>
- <script type="text/javascript">
- var host = window.isLocal ? window.server : "https://iserver.supermap.io";
- var map, url = host + "/iserver/services/map-china400/rest/maps/China";
- map = L.map('map', {
- center: [30.24, 120.15],
- maxZoom: 18,
- zoom: 14
- });
- L.supermap.tiledMapLayer(url).addTo(map);
- $.get('../data/hangzhou-tracks.json', function (data) {
- var points = [].concat.apply([], data.map(function (track) {
- return track.map(function (seg) {
- return seg.coord.concat([1]);
- });
- }));
- option = {
- visualMap: {
- show: false,
- top: 'top',
- min: 0,
- max: 5,
- seriesIndex: 0,
- calculable: true,
- inRange: {
- color: ['blue', 'blue', 'green', 'yellow', 'red']
- }
- },
- series: [{
- type: 'heatmap',
- coordinateSystem: 'leaflet',
- data: points,
- pointSize: 5,
- blurSize: 6
- }]
- };
- L.supermap.echartsLayer(option).addTo(map);
- });
- </script>
- </body>
- </html>
|
