码迷,mamicode.com
首页 > 其他好文 > 详细

功能(一):添加影像服务图层

时间:2017-06-13 11:19:47      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:功能   dom   layer   har   service   UI   utf-8   script   maximum   

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Simple Image Service</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/css/esri.css" />

    <style>
      html, body, #map { height: 100%; width: 100%; margin: 0; padding: 0; }
    </style>

    <script src="https://js.arcgis.com/3.20/"></script>
    <script>
      var map;
      require([
        "esri/map", "esri/layers/ArcGISImageServiceLayer", 
        "esri/layers/ImageServiceParameters", "dojo/parser", "dojo/domReady!"
      ], function(
        Map, ArcGISImageServiceLayer, 
        ImageServiceParameters, parser
      ) {
        parser.parse();

        map = new Map("map", {
          basemap: "topo",
          center: [-79.40, 43.64],
          zoom: 12
        });

        var params = new ImageServiceParameters();
        params.noData = 0;
        var imageServiceLayer = new ArcGISImageServiceLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Toronto/ImageServer", {
          imageServiceParameters: params,
          opacity: 0.75
        });
        map.addLayer(imageServiceLayer);
      });
    </script>
  </head>
  
  <body>
    <div id="map"> </div>
  </body>

</html>

技术分享

功能(一):添加影像服务图层

标签:功能   dom   layer   har   service   UI   utf-8   script   maximum   

原文地址:http://www.cnblogs.com/tinaluo/p/6999822.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!