ArcGIS API for js 4.8 本地部署

最新推荐文章于 2024-08-15 22:11:29 发布

凛冬back_

最新推荐文章于 2024-08-15 22:11:29 发布

阅读量5.8k

点赞数 6

分类专栏： arcgis api for js 文章标签： arcgis api for js

本文链接：https://blog.csdn.net/m0_37688284/article/details/83345622

版权

arcgis api for js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一. 下载ArcGIS API for js 4.8

下载地址：https://developers.arcgis.com/downloads/apis-and-sdks

两个都要下载，一个是API，一个是SDK。
得到两个压缩文件包，解压缩就好。

二. 部署准备

打开“打开或关闭Windows功能”窗口，如图，划线部分√上。
安装IIS，并检测MIME类型。打开IIS管理器的MIME类型。

看一下有没有以下几种类型，没有就添加。鼠标右键即可添加。

扩展名	MIME类型
.ttf	application/octet-stream
.wasm	application/wasm
.woff	application/font-woff
.woff2	application/font-woff2
.wsv	application/octet-stream

将SDK拷贝到C:\inetpub\wwwroot目录下面。
将arcgis_js_api文件夹里面的library文件夹拷贝到C:\inetpub\wwwroot\arcgis_js_v48_sdk\arcgis_js_api目录下。
修改 C:\inetpub\wwwroot\arcgis_js_v48_sdk\arcgis_js_api\library\4.8 路径下的init.js和dojo/dojo.js这两个js文件。修改内容和方法是一样的。
打开init.js文件，查找 https://[HOSTNAME_AND_PATH_TO_JSAPI] ，如图。

修改为：http://localhost/arcgis_js_v48_sdk/arcgis_js_api/library/4.8/dojo ，https要换成http，其他变为文件夹路径。localhost也可以是你的电脑ip。

同理，dojo/js也是这样修改的。

三. 验证以及一个小demo

打开IIS管理器，可以看到如下界面。
在浏览器中输入这个地址 http://localhost/arcgis_js_v48_sdk/arcgis_js_api/library/4.8/dojo/dojo.js 可以打开dojo.js文件。只要是输入正确的路径，可以打开4.8文件夹里面的所有js文件。
一个小demo：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>demo</title>
    <style>
        html, body, #mapDiv
        {
            height: 100%;
            width: 100%;
        }
        body
        {
            background-color: #FFF;
            overflow: hidden;
        }
    </style>
   
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v48_sdk/arcgis_js_api/library/4.8/esri/css/main.css" />   
    <script type="text/javascript" src="http://localhost/arcgis_js_v48_sdk/arcgis_js_api/library/4.8/init.js"></script>
    <script>
        var map;
        require(["esri/map",
                 "esri/views/MapView",
                 "dojo/domReady!"
            ], function (Map,MapView) {
            map = new Map({
                basemap: "topo",
            });
 
            var view = new MapView({
                container: "mapDiv",
                map: map,
                zoom: 17,
                center: [120.505352,36.167816] 
            });
        });
    </script>
</head>
<body class="">
    <div id="mapDiv"></div>
</body>
</html>