ArcGIS js 3.X 使用筆記(二):添加ArcGIS.com上構(gòu)建的Web地圖為底圖

本部分主要使用的為

require(["esri/arcgis/utils"], function(arcgisUtils) { /* code goes here */ });

在ArcGIS.com上構(gòu)建Web地圖

(此步驟需要注冊,不能注冊的跳到本步驟最后)
1.前往地址:https://www.arcgis.com/home/index.html
選擇任意一個(gè)希望添加的地圖
2.對地圖進(jìn)行編輯娱两,保存,共享(不共享的話,加載時(shí)需要身份驗(yàn)證),webmapId在地址欄復(fù)制就好
或者直接使用我天地圖矢量 的ID:2fa2fa6f023c4fbf9aa206184d7e4c92

修改js部分代碼

引入 "esri/arcgis/utils" 模塊

 <script>
    var map;
    require(["esri/map", "esri/arcgis/utils"], function(Map, arcgisUtils) {
      arcgisUtils
        .createMap("765fad39af5b4ba18ea86491fe26a8b2", "myMap", {
          mapOptions: {
            slider: false,
            logo: true
          }
        })
        .then(function(response) {
          map = response.map;
        });
    });
  </script>

關(guān)于"esri/arcgis/utils"模塊

描述:用于處理ArcGIS.com內(nèi)容的實(shí)用程序方法姆坚。
常用方法:
createMap(itemIdOrItemInfo, mapDiv, options?)
itemIdOrItemInfo:地圖信息或者地圖id
mapDiv:地圖容器
options(可選):mapOptions:地圖參數(shù)
editable:是否可編輯
官網(wǎng)sample:

  "esri/arcgis/utils",
  "esri/map", "dojo/domReady!"
  ], function (arcgisUtils, Map) {
    var deferred;
    var createMapOptions = {
      mapOptions: {
        slider: true
      },
      usePopupManager: true, // since version 3.10
      bingMapsKey: bingMapsKey,
      geometryServiceURL: "http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"
    };
    var webMapItemID = "c41d5f3b4e304806a047702fbfc2759e";
    deferred = arcgisUtils.createMap(webMapItemID, "ui-map", createMapOptions);

    deferred.then(function (response) {
      map = response.map;
    }, function (error) {
         console.log("Error: ", error.code, " Message: ", error.message);
         deferred.cancel();
    });
});

更多參數(shù)參見https://developers.arcgis.com/javascript/3/jsapi/esri.arcgis.utils-amd.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末笆搓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子玄柏,更是在濱河造成了極大的恐慌襟衰,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件粪摘,死亡現(xiàn)場離奇詭異瀑晒,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)徘意,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進(jìn)店門苔悦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人椎咧,你說我怎么就攤上這事间坐。” “怎么了邑退?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵竹宋,是天一觀的道長。 經(jīng)常有香客問我地技,道長蜈七,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任莫矗,我火速辦了婚禮飒硅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘作谚。我一直安慰自己三娩,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布妹懒。 她就那樣靜靜地躺著雀监,像睡著了一般。 火紅的嫁衣襯著肌膚如雪眨唬。 梳的紋絲不亂的頭發(fā)上会前,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天,我揣著相機(jī)與錄音匾竿,去河邊找鬼瓦宜。 笑死,一個(gè)胖子當(dāng)著我的面吹牛岭妖,可吹牛的內(nèi)容都是我干的临庇。 我是一名探鬼主播反璃,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼假夺!你這毒婦竟也來了淮蜈?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤侄泽,失蹤者是張志新(化名)和其女友劉穎礁芦,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體悼尾,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡柿扣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了闺魏。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片未状。...
    茶點(diǎn)故事閱讀 40,503評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖析桥,靈堂內(nèi)的尸體忽然破棺而出司草,到底是詐尸還是另有隱情,我是刑警寧澤泡仗,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布埋虹,位于F島的核電站,受9級特大地震影響娩怎,放射性物質(zhì)發(fā)生泄漏搔课。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一截亦、第九天 我趴在偏房一處隱蔽的房頂上張望爬泥。 院中可真熱鬧,春花似錦崩瓤、人聲如沸袍啡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽境输。三九已至,卻和暖如春肾扰,著一層夾襖步出監(jiān)牢的瞬間畴嘶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工集晚, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人区匣。 一個(gè)月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓偷拔,卻偏偏與公主長得像蒋院,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子莲绰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內(nèi)容