加载自定义地图服务
使用
使用ArcGISDynamicMapServiceLayer
或使用ArcGISTiledMapServiceLayer
存在缓存,有服务器管理员升性能,存在预先渲染的切片 则用ArcGISTiledMapServiceLayer,
不存在缓存 , 则用ArcGISDynamicMapServiceLayer
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Create Map</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.30/esri/css/esri.css">
<script src="https://js.arcgis.com/3.30/"></script>
<style>
html, body, #map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
var map;
require(["esri/map","esri/geometry/Extent","esri/layers/ArcGISDynamicMapServiceLayer","dojo/domReady!"], function (Map,Extent,ArcGISDynamicMapServiceLayer) {
map = new Map("map", {
basemap: "topo", //显示的地图样式 如 satellite-实景图层
center: [-80.94, 33.646], //地图加载后,初始位置
zoom: 13, //放大级别,值越大放大的比例就越大
slider: false,
maxZoom: 18,//地图最大缩放级别
minZoom: 1, //地图最小缩放级别
logo: false //不显示Esri的logo
});
const dyServer = 'http://127.0.0.1:6080/arcgis/rest/services/MyMapService/MapServer';
//加载地图服务
// 不存在缓存 , 则用ArcGISDynamicMapServiceLayer
var myTiledMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer(
dyServer);
//存在缓存,有服务器管理员升性能,存在预先渲染的切片 则用ArcGISTiledMapServiceLayer
// var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(
// dyServer );
//添加到地图中
map.addLayer(myTiledMapServiceLayer);
});
</script>
</head>
<body>
<div id="map" ></div>
</body>
</html>