精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
在IIS服務(wù)器上本地部署 ArcGIS API for js 4.15

作為一名剛?cè)腴T的小白,還沒開始一個helloworld就在軟件安裝,環(huán)境部署時遇到了一大堆問題,簡直太讓人頭禿了,腦殼疼。話不多說,這篇主要想分享一下自己部署ArcGIS API for js 4.15的過程。

一、ArcGIS API for js 4.15下載

  1. 網(wǎng)站鏈接:https://developers.arcgis.com/downloads/

  2. 有賬號的直接登錄,沒有賬號的需要注冊一下,只能注冊ArcGIS Online試用賬號,Esri開發(fā)者賬號中國區(qū)暫不支持注冊。

  3. 登錄進(jìn)去以后點(diǎn)擊Download APIs&SDKs

  1. 找到ArcGIS API for javascript4.15,上面顯示的就是最新的版本,點(diǎn)擊API進(jìn)行下載,其他的版本點(diǎn)擊All versions就可以查看。

二、在IIS上進(jìn)行部署

  1. 將下載下來的壓縮包進(jìn)行解壓,解壓后的目錄如下:

     

  2. 關(guān)于IIS服務(wù)器的安裝部署很簡單,直接百度就行,此處不再贅述。

  3. 將上面的第一個文件夾arcgis_js_api拷貝到IIS服務(wù)器的根目錄下面。

  1. 下面我們要找到init.js,dojo.js兩個文件修改baseUrl。

    (1)init.js:C:\inetpub\wwwroot\arcgis_js_api\library\4.15

    (2)dojo.js:C:\inetpub\wwwroot\arcgis_js_api\library\4.15\dojo

  1. 打開init.js(這里用的是notepad++打開的), 查找HOSTNAME_AND_PATH_TO_JSAPI,將baseUrl的地址替換為:http://localhost/arcgis_js_api/library/4.15/dojo

 

  1. dojo.js文件替換的內(nèi)容與上面一樣,至此,初步配置基本完成,然后記得重新啟動一下服務(wù)器。

三、測試

  1. 二話不說我們上代碼,下面給出兩個示例代碼,一個是線上資源的調(diào)用,一個是本地部署資源的調(diào)用,已經(jīng)實(shí)現(xiàn)線上ArcGIS API for js 4.15調(diào)用的小伙伴,可以跳過代碼1,直接看代碼2。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
        <title>create a 2D map</title>
    </head>
    <style>
        html,body,#viewDiv{
            padding: 0; margin: 0;
            height: 100%; width: 100%;
        }
    </style>
    
    <link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/css/main.css">
    <script src="https://js.arcgis.com/4.15/"></script>
    <body>
    <div id="viewDiv"></div>
    </body>
    <script>
     require([
         "esri/Map",
         "esri/views/MapView",
         "dojo/domReady!"], function (Map,MapView) {
         //視圖分離
        var map=new Map({
            basemap: "streets"
        });
    
        var view=new MapView({
            container: "viewDiv",
            map: map,
            zoom:4,//放大倍數(shù)
            center:[15,65]
        });
    
    
    });
    </script>
    </html>
    代碼1--線上資源調(diào)用
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
        <title>create a 2D map</title>
    </head>
    <style>
        html,body,#viewDiv{
            padding: 0; margin: 0;
            height: 100%; width: 100%;
        }
    </style>
    <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/4.15/esri/css/main.css">
    <script src="http://localhost/arcgis_js_api/library/4.15/init.js"></script>
    <body>
    <div id="viewDiv"></div>
    </body>
    <script>
     require([
         "esri/Map",
         "esri/views/MapView",
         "dojo/domReady!"], function (Map,MapView) {
         //視圖分離
        var map=new Map({
            basemap: "streets"
        });
    
        var view=new MapView({
            container: "viewDiv",
            map: map,
            zoom:4,//放大倍數(shù)
            center:[15,65]
        });
    });
    </script>
    </html>
    代碼2--調(diào)用本地部署資源
  1. 對比上面兩個代碼我們發(fā)現(xiàn)只是改動了link和script標(biāo)簽的引用,就是將引用位置改為自己本地部署的資源包的位置。

    <!--線上資源的調(diào)用-->
    <link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/css/main.css">
    <script src="https://js.arcgis.com/4.15/"></script>
    
    
    <!--更改為自己本地部署的資源包的位置-->
    <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/4.15/esri/css/main.css">
    <script src="http://localhost/arcgis_js_api/library/4.15/init.js"></script>
  1. 把需要的測試的html頁面(代碼2)復(fù)制到C:\inetpub\wwwroot目錄下,打開IIS服務(wù)器,點(diǎn)擊刷新,找到需要測試的頁面,右擊瀏覽,在Firefox或者chorme瀏覽器中打開不要使用ie瀏覽器,因?yàn)樾掳姹镜暮芏喾椒╥e不支持)。

  1. 顯示如下結(jié)果,部署成功

    如果你一步就成功了,那么恭喜你,撒花花。如果你和我一樣妥妥的遵循了小白定律(總是能夠遇到別人遇不到的錯誤),頭禿。深呼一口氣,莫慌,下篇博文里面我會跟大家分享一下自己在部署過程中遇到的錯誤(小白的錯誤問題集錦,哈哈哈,專踩別人找不到的坑)

本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報(bào)
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
ArcGIS API for js 4.8 本地部署
ArcGIS API for JavaScript 入門教程[3] 你看得到:數(shù)據(jù)與視圖分離
ArcGIS API for JavaScript 入門教程[4] 代碼的骨架
arcgis api 4.x for js 離線部署
ArcGIS
ArcGIS API本地化部署
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

主站蜘蛛池模板: 河曲县| 岗巴县| 天祝| 南宁市| 宁都县| 黔南| 镇平县| 苍南县| 康马县| 宕昌县| 凌海市| 兰西县| 宁远县| 营山县| 金塔县| 朝阳县| 霍山县| 东乡县| 九龙坡区| 鸡泽县| 溧水县| 延庆县| 黔东| 汕头市| 榆社县| 三亚市| 汪清县| 麦盖提县| 麻栗坡县| 若尔盖县| 聊城市| 黑龙江省| 湛江市| 万荣县| 黄浦区| 南京市| 通江县| 西贡区| 勃利县| 鹤壁市| 乐业县|