图层是自己发布到arcgis sever上的地图
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>添加2D底图切换部件</title>
<link rel="stylesheet" href="api4.6/libs/Arcgis_api/esri/themes/light/main.css">
<script src="api4.6/libs/Arcgis_api/dojo/dojo.js"></script>
<style>
html,
body,
#viewDiv
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script>
//加载引用
require([
"esri/Map",
"esri/views/MapView",
"esri/widgets/BasemapToggle",
"esri/layers/FeatureLayer"
],function (
Map,
MapView,
BasemapToggle,
FeatureLayer)
{
//创建基础底图
var map=new Map(
{
basemap:"streets",
//2.通过layer属性添加
//layers:[featLayer]
}
);
//创建底图视图类,引用map
var mapView=new MapView({
container:"viewDiv",
map:map,
center:[115,28.3026],//设置中心坐标
zoom:8,
});
//创建widgets切换部件并设置转换底图
var basemaptoggle=new BasemapToggle({
view:mapView,
nextBasemap:"hybrid",//下一底图
});
mapView.ui.add(basemaptoggle,"bottom-right");//MapView.ui可以add, move, or remove widgets
var feaLayer1=new FeatureLayer({
url:"http://localhost:6080/arcgis/rest/services/china/MapServer/5"//图层地址,5表示第五个图层
});//实例化图层
map.add(feaLayer1);//1.通过add方法添加
var feaLayer=new FeatureLayer({
url:"http://localhost:6080/arcgis/rest/services/china/MapServer/0"
});//实例化图层
map.add(feaLayer);//下面加载的图层为优先级
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>