ホームページ >ウェブフロントエンド >jsチュートリアル >ArcGIS API for JavaScript 開発環境の構築と最初のデモ例
ArcGIS API for JavaScript 開発環境の構築と最初のデモ例
- 黄舟オリジナル
- 2017-03-30 16:30:182922ブラウズ
ESRI はこれまでに、より豊富で強力な機能を提供する最新の ArcGIS Server for JavaScript API v3.9 をリリースしました。
1. インストール前の準備
1. ArcGIS Server for JavaScript API の各バージョンのダウンロード アドレス: http://support.esrichina-bj.cn/2011/0223/960.html、最新のものをダウンロードすることを選択します。 「ArcGIS API for JavaScript 3.9: Library | SDK」、以下の図に示すように:
2. ローカル エリアにダウンロードされたファイルは、以下の図に示すようになります:
3. 解凍します。以下の図に示すように、上記の 2 つの zip 圧縮パッケージ:
4. IIS がローカルにインストールされていることを確認してください。そうでない場合は、次のアドレスを参照して設定してください。 baidu.com/article/8275fc8694360146a03cf6c3.html
2. API と SDK のローカル IIS 構成の展開
1. C:Inetpubwwwroot フォルダーを開きます。
2. arcgis_js_v39_sdk フォルダーを C:Inetpubwwwroot に直接コピーし、以下に示すように C:Inetpubwwwrootarcgis_js_v39_sdk に変更します。
3. arcgis_js_v39_apiarc を変更します。 gis_js_ 内のライブラリ フォルダーをコピーします。 api ディレクトリを
C: inetpubwwwrootarcgis_js_v39_sdkarcgis_js_api に移動し、以下に示すように、
C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary になります:
4. 以下の図に示すように IIS を開き、install.ht m を参照して、初期展開が成功したことを示します。
9. C:inetpubwwwrootarcgis_js_v39_sdkarcgis_js_apilibrary3.93.9compactjsdojodojodojo.js ファイルを見つけ、メモ帳または EditPlus を使用して開き、Ctrl+F キーの組み合わせで [HOSTNAME_AND_PATH_TO_JSAPI] を見つけ、
10 上記の 9 つの手順を完了すると、ArcGIS API for JavaScript のローカル配置が完了しました。
3. サンプルデモを実行します
1. VS2012 を開き、新しい空の Web プロジェクトを作成し、index.html ファイルを追加します。ファイルの内容は次のとおりです。
CSSここで使用される および js ファイル。これらはすべて、前の手順で構成されたローカル サーバー上のパスです。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个js GIS地图</title>
<style>
html, body, #mapDiv {
padding: 0;
margin: 0;
height: 100%;
}
</style>
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/init.js"></script>
<script type="text/javascript">
dojo.require("esri.map");
function init() {
var myMap = new esri.Map("mapDiv");
var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer(
"http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunityENG/MapServer");
myMap.addLayer(myTiledMapServiceLayer);
}
dojo.addOnLoad(init);
</script>
</head>
<body class="claro">
<p id="mapDiv" style="width: 900px; height: 600px; border: 1px solid #000;"></p>
</body>
</html>2. 以下に示すように、index.html ページを実行します。
上記は、ArcGIS API for JavaScript 開発環境の構築と最初のインスタンスのデモの内容です。詳細については、PHP 中国語 Web サイト (www.php.cn) をフォローしてください。