今天開始了公司Gis的專案，主要負責地圖的載入與功能的實現，主要也就是用arcgis js api，之前也是看了接近大半個月的的 api和相關的demo，但是真正上手專案還是有區別啊，好多功能自己做演示根本想不到，特此做一次map類的總結（也以此來提醒自己別忘了多多寫blog多多總結    ^ ^  ）文采不好，多多見諒~

一、自定義basemap 

說通俗點就是用自己釋出的地圖服務作為要載入顯示的底圖

構造方法： require(["esri/basemaps"], function(esriBasemaps) { /* code goes here */ });

require([
    "esri/basemaps",
    "esri/map",
    "dojo/domReady!"
  ], function (esriBasemaps, Map){
    esriBasemaps.delorme = {
      baseMapLayers: [{url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer"}
      ],//你釋出的url地址
      thumbnailUrl: "https://www.example.com/images/thumbnail_2014-11-25_61051.png",//縮圖地址
      title: "Delorme"
    };

    var map = new Map("ui-map", {
      basemap: "delorme",
      center: [-111.879655861, 40.571338776], // long, lat
      zoom: 13,
      sliderStyle: "small"
    });
});
 

這段程式碼我把上面的url地址換成我自己的但是沒有實現，看到了官網的這樣一段話

（此類包含引用JS API中使用的預設底圖的屬性，允許您將地圖服務新增為Web應用程式中的預設底圖。esri/basemaps替換esri.config.defaults.map.basemaps，自v3.12起不推薦使用。）

我不知道是不是這樣的原因，待我明天在試驗一下。 = =

我自己是這樣做的：構造map類的時候沒有給basemap，定義初始化的底圖區域，然後用map.setExtent(extent)方法設定底圖的區域

//底圖的初始化區域
            var startExtent = new Extent(116.68147124900013, 30.952928500053087,117.95934679400014,32.54131689900006,
                new SpatialReference({ wkid:4326 }));
//構造map類
var map=new Map("viewDiv",{
                logo: false,
                nav: false,
                zoom: 9,
                maxZoom:12,//最大空間等級
                minZoom:7,//最小空間等級
				center: [117.27, 31.86]//檢視的中心點
            });

 map.setExtent(startExtent);
//接著載入圖層。。。
 

就是這樣，算投機取巧了一把，剛才上網看了一下，還有個BasemapLayer 好像是底圖圖層，應該也可以實現

require(["esri/dijit/BasemapLayer"], function(BasemapLayer) { /* code goes here */ });

二、根據需求該載入地圖基本控制元件：

（不多說直接上程式碼，以下程式碼都要放在地圖載入完成事件中）

1、隱藏自帶的放大縮小的控制元件  就是這個傢伙

map.on("load", function () {
                var div = document.getElementById("viewDiv_zoom_slider").style;
                div.visibility = "collapse";
            });

2、禁止拖放：

myMap.disablePan();

3、禁止滑鼠雙擊縮放地圖：

myMap.disableDoubleClickZoom(); 

4、禁止滾輪縮放地圖：

myMap.enableScrollWheelZoom();

好啦~下面上總結的map類一些屬性和方法 ^ ^ 

構造方法就不在這說了，說一些引數：

引數：

屬性：

呼~~~接下來是方法了

方法：

事件：

其實做這個總結實在討厭每次查api的時候那些看著的那些英文，額，誰讓我英文不太好呢。。。

不足之處歡迎補充 ^ ^