前言
近期在學習ArcGIS編程開發,希望以此方式來記錄自己的學習過程。
本文原本需要實現的功能是:通過輸入圖層鏈接的方式動態添加圖層。目前本文僅實現了在代碼內進行矢量圖層添加,後續將逐步完善功能和內容。
核心部分
<script type="text/javascript">
require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer"],
function(Map,ArcGISDynamicMapServiceLayer){
var map = new Map("map",{ });
var DynamicLayer = new ArcGISDynamicMapServiceLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer");
map.addLayer(DynamicLayer);
});
</script>
完整代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ArcGISMap</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css">
<script src="https://js.arcgis.com/3.28/"></script>
<style type="text/css">
html,body{
height: 100%;
padding: 0;
margin: 0;
}
#map{
height: 600px;
width: 800px;
margin: 0
padding:0;
}
</style>
</head>
<body class="claro">
<div id="map"></div>
<script type="text/javascript">
require(["esri/map","esri/layers/ArcGISDynamicMapServiceLayer"],
function(Map,ArcGISDynamicMapServiceLayer){
var map = new Map("map",{
basemap:"topo",
center:[-100,45],
zoom:3
});
var DynamicLayer = new ArcGISDynamicMapServiceLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer");
map.addLayer(DynamicLayer);
});
</script>
</body>
</html>
顯示效果
顯示效果