Skip to content

Commit be38169

Browse files
songyumengsongyumeng
committed
【fix】栅格分析例子 review by luoxiao
1 parent 73b4372 commit be38169

File tree

6 files changed

+137
-0
lines changed

6 files changed

+137
-0
lines changed

‎examples/leaflet/01_tiledMapLayer_rasterfunction.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2019 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8" />
8+
<title data-i18n="resources.title_tiledMapLayer_rasterfunction"></title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
</head>
11+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
12+
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
13+
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
14+
<script type="text/javascript">
15+
var host = window.isLocal ? window.server : 'http://iclient.supermap.io';
16+
var map,
17+
url = host + '/iserver/services/map-ndvi/rest/maps/ndvi';
18+
map = L.map('map', {
19+
center: L.CRS.EPSG3857.unproject(L.point(15600549.07, 4306191.95)),
20+
maxZoom: 12,
21+
zoom: 12
22+
});
23+
L.supermap
24+
.tiledMapLayer(url, {
25+
cacheEnabled: false,
26+
rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 })
27+
// rasterfunction: new SuperMap.HillshadeParameter({
28+
// altitude: 45,
29+
// azimuth: 315,
30+
// zFactor:1
31+
// }),
32+
})
33+
.addTo(map);
34+
</script>
35+
</body>
36+
</html>

‎examples/leaflet/img/l_tiledMapLayerRasterfunction.png‎

38.9 KB
Loading

‎examples/mapboxgl/01_tiledMapLayer_rasterfunction.html‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2019 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="utf-8" />
8+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
9+
<title data-i18n="resources.title_tiledMapLayer_rasterfunction"></title>
10+
<script type="text/javascript" src="../js/include-web.js"></script>
11+
<script type="text/javascript" include="mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
12+
<style>
13+
body {
14+
margin: 0;
15+
padding: 0;
16+
}
17+
18+
#map {
19+
position: absolute;
20+
top: 0;
21+
bottom: 0;
22+
width: 100%;
23+
}
24+
</style>
25+
</head>
26+
27+
<body>
28+
<div id="map"></div>
29+
<script type="text/javascript">
30+
var host = window.isLocal ? window.server : 'http://iclient.supermap.io';
31+
var map = new mapboxgl.Map({
32+
container: 'map', // container id
33+
style: {
34+
version: 8,
35+
sources: {
36+
'raster-tiles': {
37+
type: 'raster',
38+
tileSize: 256,
39+
tiles: [host + '/iserver/services/map-ndvi/rest/maps/ndvi'],
40+
rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
41+
cacheEnabled: false,
42+
rasterSource: 'iserver'
43+
}
44+
},
45+
46+
layers: [
47+
{
48+
id: 'simple-tiles',
49+
type: 'raster',
50+
source: 'raster-tiles',
51+
minzoom: 0,
52+
maxzoom: 22
53+
}
54+
]
55+
},
56+
center: [140.14211670237586, 36.04047391197882],
57+
zoom: 11,
58+
maxZoom: 11
59+
});
60+
</script>
61+
</body>
62+
</html>

‎examples/mapboxgl/img/tiledMapLayerRasterfunction.png‎

38.9 KB
Loading

‎examples/openlayers/01_tiledmaplayer_rasterfunction.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title data-i18n="resources.title_tiledMapLayer_rasterfunction"></title>
6+
<script type="text/javascript" src="../js/include-web.js"></script>
7+
<script type="text/javascript" src="../../dist/openlayers/include-openlayers.js"></script>
8+
</head>
9+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%">
10+
<div id="map" style="width: 100%;height:100%"></div>
11+
<script type="text/javascript">
12+
var host = window.isLocal ? window.server : 'http://iclient.supermap.io';
13+
var map,
14+
url = host + '/iserver/services/map-ndvi/rest/maps/ndvi';
15+
map = new ol.Map({
16+
target: 'map',
17+
controls: ol.control
18+
.defaults({ attributionOptions: { collapsed: false } })
19+
.extend([new ol.supermap.control.Logo()]),
20+
view: new ol.View({
21+
center: [15600549.07, 4306191.95],
22+
zoom: 12,
23+
maxZoom: 12,
24+
projection: 'EPSG:3857'
25+
})
26+
});
27+
var layer = new ol.layer.Tile({
28+
source: new ol.source.TileSuperMapRest({
29+
url: url,
30+
rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
31+
cacheEnabled: false
32+
}),
33+
projection: 'EPSG:3857'
34+
});
35+
map.addLayer(layer);
36+
map.addControl(new ol.supermap.control.ScaleLine());
37+
</script>
38+
</body>
39+
</html>

‎examples/openlayers/img/ol_tiledMapLayerRasterfunction.png‎

38.9 KB
Loading

0 commit comments

Comments
 (0)