页面中:
<div id="mapDiv">
<div id="homeButtonDiv"></div>
</div>
js函数中:
require([
"dojo/dom","dojo/on",
"esri/map",
"esri/layers/ArcGISTiledMapServiceLayer","esri/layers/FeatureLayer","esri/layers/ArcGISDynamicMapServiceLayer",
"esri/dijit/OverviewMap","esri/dijit/Search","esri/dijit/Scalebar","esri/dijit/HomeButton",
"esri/InfoTemplate"
],function(dom,
on,
Map,
ArcGISTiledMapServiceLayer,FeatureLayer,ArcGISDynamicMapServiceLayer,
OverviewMap,Search,Scalebar,HomeButton,
InfoTemplate){
var map = new Map("mapDiv", {
maxZoom:6, //最大缩放比例
minZoom:2,
sliderOrientation : "vertical"
});
var baseMapLayer=new ArcGISTiledMapServiceLayer("localhost:6080/arcgis/rest/services/allSouthXqq/MapServer");
map.addLayer(baseMapLayer);
baseMapLayer.on('load',function(){
map.setExtent(baseMapLayer.initialExtent); //初始地图范围
});
/* 默认加载热点区域轮廓*/
var hotFeaLayer = new FeatureLayer("http://211.95.58.184:6080/arcgis/rest/services/pulizArea/MapServer/0",{
"opacity": 0.5,
outFields: ["*"]
});
map.addLayer(hotFeaLayer);
on(hotFeaLayer,"click",function(){
console.log("hello")
});
/*返回主页*/
var homeButton = new HomeButton({
map: map
}, dojo.create('homeButton'));
dojo.place(homeButton.domNode,dojo.byId('homeButtonDiv'));
homeButton.startup();
})