01_tiledMapLayer_rasterfunction.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!--********************************************************************
  2. * Copyright© 2000 - 2021 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. #map {
  18. position: absolute;
  19. top: 0;
  20. bottom: 0;
  21. width: 100%;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div id="map"></div>
  27. <script type="text/javascript">
  28. var host = window.isLocal ? window.server : "https://iserver.supermap.io";
  29. var map = new mapboxgl.Map({
  30. container: 'map', // container id
  31. style: {
  32. version: 8,
  33. sources: {
  34. 'raster-tiles': {
  35. type: 'raster',
  36. tileSize: 256,
  37. tiles: [host + '/iserver/services/map-ndvi/rest/maps/ndvi'],
  38. rasterfunction: new SuperMap.NDVIParameter({ redIndex: 0, nirIndex: 2 }),
  39. cacheEnabled: false,
  40. rasterSource: 'iserver'
  41. }
  42. },
  43. layers: [
  44. {
  45. id: 'simple-tiles',
  46. type: 'raster',
  47. source: 'raster-tiles',
  48. minzoom: 0,
  49. maxzoom: 22
  50. }
  51. ]
  52. },
  53. center: [140.14211670237586, 36.04047391197882],
  54. zoom: 11,
  55. maxZoom: 11
  56. });
  57. </script>
  58. </body>
  59. </html>