1. 引入js文件,及css样式文件
注意: js文件及css样式文件以实际地址实际为准。
文件下载地址: https://download.csdn.net/download/Jie_1997/12438411
2. 添加对应的类要素
ArcGIS API for JavaScript 官方文档使用:
https://developers.arcgis.com/javascript/3/jsapi/map-amd.html
3. 项目代码
源码:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>test</title>
@*引入js及css*@
<link href="~/Content/esri.css" rel="stylesheet" />
<link href="~/Content/tundra.css" rel="stylesheet" />
<script src="~/Scripts/init.js"></script>
<style>
*{
padding:0;
margin:0;
}
html, body, #map{
width:100%;
height:100%;
}
</style>
<script>
var urlMap ="线上图层链接地址"
require(["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer"],
function (Map, ArcGISDynamicMapServiceLayer) {
/* code goes here */
//地图
map = new Map("map", {
center: [118.563409, 33.864469],
zoom: 10,
logo: false,
slider: false,
});
//定义图层 (opacity 透明度)
var ServiceLayer = new ArcGISDynamicMapServiceLayer(urlMap, { "opacity": 0.8 });
//地图加载图层
map.addLayer(ServiceLayer);
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>