鹰眼,比例尺,放大缩小等基础工具加载
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>缩略图、比例尺</title>
<link rel="stylesheet" href="http://location/arcgis_js_api/library/3.15/3.15/dijit/themes/claro/claro.css" target="_blank" rel="external nofollow" />
<link rel="stylesheet" href="http://location/arcgis_js_api/library/3.15/3.15compact/esri/css/esri.css" target="_blank" rel="external nofollow" >
<script src="http://location/arcgis_js_api/library/3.15/3.15/init.js" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width:100%;height:100%;"></div>
</body>
</html>
<script>
var map;
require([
"esri/map",
"esri/dijit/OverviewMap",
"esri/dijit/Scalebar"
], function(Map,OverviewMap,Scalebar) {
var startExtent = new esri.geometry.Extent(114.309, 30.578, 115, 37,
new esri.SpatialReference({ wkid:4326}) );
map = new Map("map", {
extent:startExtent,
center: [114.309, 30.578], //地图加载后,初始位置
zoom: 12, //放大级别,值越大放大的比例就越大
slider: true,
maxZoom: 16, //地图最大缩放级别
minZoom: 7, //地图最小缩放级别
logo: false //不显示Esri的logo
});
var overviewMapDijit = new OverviewMap({
visible: true,
attachTo: "bottom-right",
map: map
});
var scalebar = new esri.dijit.Scalebar({
map: map,
scalebarStyle: "ruler",//line 比例尺样式类型
scalebarUnit: "metric"
});
overviewMapDijit.startup();
//加载地图服务
var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer");
map.addLayer(myTiledMapServiceLayer); //添加到地图中
});
</script>