码迷,mamicode.com
首页 > 编程语言 > 详细

Arcgis api for javascript学习笔记-初步尝试(3.2X版本)

时间:2017-11-06 13:15:24      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:script   地址   div   eve   library   doctype   请求   line   jsapi   

 

Arcgis api for javascript(3.22版本)官方地址 :https://developers.arcgis.com/javascript/3/

1. 根据官方示例实现一个简单地图展示功能。

       示例代码:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <link rel="stylesheet" href="https://js.arcgis.com/3.22/esri/css/esri.css">
 5     <style type="text/css">
 6         html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
 7         #viewDiv{ width:100%;height:100%; }
 8     </style>
 9     <script src="https://js.arcgis.com/3.22/"></script>
10 </head>
11 <body>
12     <div id="viewDiv"></div>
13     <script type="text/javascript">
14         require(["esri/map", "dojo/domReady!"], function(Map) {
15             var map = new Map("viewDiv", {
16                 "basemap": "streets"
17             });
18         });
19     </script>
20 </body>
21 </html>

示例截图:

技术分享

 

2. Arcgis api for javascript离线部署

引用官网上的资源文件通常请求和加载比较慢,所以离线部署在本地会更好。

第一步:下载 arcgis js api压缩包并解压,有需要的也可以将arcgis js sdk也下载一份。api是我们开发需要的库,sdk是说明文档和例子;

第二步:替换域名 [HOSTNAME_AND_PATH_TO_JSAPI]

找到下面这两个文件,并将文件里面的“[HOSTNAME_AND_PATH_TO_JSAPI]”内容替换成相应的域名(ip地址:端口)

D:\arcgis_js_api\arcgis_js_v320_api\library\3.20\3.20\init.js
D:\arcgis_js_api\arcgis_js_v320_api\library\3.20\3.20\dojo\dojo.js

部署成功后,只需将原来的css和js文件引用改成本地地址就可以了,如下图所示:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <link rel="stylesheet" href="http://localhost:8003/arcgis_js_v320_api/library/3.20/3.20/esri/css/esri.css">
 5     <style type="text/css">
 6         html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
 7         #viewDiv{ width:100%;height:100%; }
 8     </style>
 9 </head>
10 <body>
11     <div id="viewDiv"></div>
12     <script src="http://localhost:8003/arcgis_js_v320_api/library/3.20/3.20/init.js"></script>
13     <script type="text/javascript">
14         require(["esri/map", "dojo/domReady!"], function(Map) {
15             var map = new Map("viewDiv", {
16                 "basemap": "streets"
17             });
18         });
19     </script>
20 </body>
21 </html>

 

Arcgis api for javascript学习笔记-初步尝试(3.2X版本)

标签:script   地址   div   eve   library   doctype   请求   line   jsapi   

原文地址:http://www.cnblogs.com/tracine0513/p/7792542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!