许可优化
许可优化
产品
产品
解决方案
解决方案
服务支持
服务支持
关于
关于
软件库
当前位置:服务支持 >  软件文章 >  esri-loader 3.x区域地图按需选择:性能优化方案

esri-loader 3.x区域地图按需选择:性能优化方案

阅读数 17
点赞 0
article_banner

样式

image.png

html版本

<!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>FeatureLayer On Demand</title>     <link rel="stylesheet" href="https://js.arcgis.com/3.34/dijit/themes/claro/claro.css">    <link rel="stylesheet" href="https://js.arcgis.com/3.34/esri/css/esri.css">    <style>      html, body, #mapDiv {        padding:0;        margin:0;        height:100%;      }    </style>    <script src="https://js.arcgis.com/3.34/"></script>    <script>      var map;      require([        "esri/map", "esri/InfoTemplate", "esri/layers/FeatureLayer",        "dojo/parser", "dojo/domReady!"      ], function(        Map, InfoTemplate, FeatureLayer,        parser      ) {        parser.parse();        map = new Map("mapDiv", {          basemap: "national-geographic",          center: [-96.541, 38.34],          zoom: 6        });         map.on("load", initOperationalLayer);         function initOperationalLayer() {          var infoTemplate = new InfoTemplate("${state_name}", "Population (2000): ${pop2000:NumberFormat}");          var featureLayer = new FeatureLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/2",{            mode: FeatureLayer.MODE_ONDEMAND,            outFields: ["*"],            infoTemplate: infoTemplate          });           map.addLayer(featureLayer);          map.infoWindow.resize(155,75);        }      });    </script>  </head>  <body class="claro">    <div id="mapDiv">    </div>  </body></html>

vue版本

createMap: function() {      let options = {        url: "https://js.arcgis.com/3.34/",        css: "https://js.arcgis.com/3.34/esri/css/esri.css"      };      var map;      loadModules(              [                "esri/map", "esri/InfoTemplate", "esri/layers/FeatureLayer",                "dojo/parser","esri/basemaps", "dojo/domReady!"              ],              options      ).then(([Map, InfoTemplate, FeatureLayer,                      parser,esriBasemaps]) => {        parser.parse();        // esriBasemaps.delorme = {        //   baseMapLayers: [{        //        //     url: "http://localhost:8080/test/area"        //   }],        //   title: "Delorme"        // };        map = new Map("mapDisplay", {          basemap: "national-geographic",          center: [-96.541, 38.34],          zoom: 6        });         map.on("load", initOperationalLayer);         function initOperationalLayer() {          var infoTemplate = new InfoTemplate("${state_name}", "Population (2000): ${pop2000:NumberFormat}");          var featureLayer = new FeatureLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/2",{            mode: FeatureLayer.MODE_ONDEMAND,            outFields: ["*"],            infoTemplate: infoTemplate          });           map.addLayer(featureLayer);          map.infoWindow.resize(155,75);        }      });    }


免责声明:本文系网络转载或改编,未找到原创作者,版权归原作者所有。如涉及版权,请联系删


相关文章
技术文档
QR Code
微信扫一扫,欢迎咨询~
customer

online

联系我们
武汉格发信息技术有限公司
湖北省武汉市经开区科技园西路6号103孵化器
电话:155-2731-8020 座机:027-59821821
邮件:tanzw@gofarlic.com
Copyright © 2023 Gofarsoft Co.,Ltd. 保留所有权利
遇到许可问题?该如何解决!?
评估许可证实际采购量? 
不清楚软件许可证使用数据? 
收到软件厂商律师函!?  
想要少购买点许可证,节省费用? 
收到软件厂商侵权通告!?  
有正版license,但许可证不够用,需要新购? 
联系方式 board-phone 155-2731-8020
close1
预留信息,一起解决您的问题
* 姓名:
* 手机:

* 公司名称:

姓名不为空

姓名不为空

姓名不为空
手机不正确

手机不正确

手机不正确
公司不为空

公司不为空

公司不为空