美文网首页ArcGIS JavaScript
ArcGIS js 3.X 使用笔记(一)

ArcGIS js 3.X 使用笔记(一)

作者: 伶念 | 来源:发表于2020-03-11 13:41 被阅读0次

前言

因工作用到ArcGIS js的开发,一些基础问题百度google无法解决,故打算把咕了很久的“通读文档”完成一下,并做此笔记以防忘记,因并非测绘专业毕业,一些测绘专业术语不正确的还请指正!

使用在线API的跳过环境配置

环境配置

1、按官方首先搭建IIS服务器:具体操作暂时参见:(以后有可能自己再写一个,就暂时看看这个吧)https://blog.csdn.net/qq_36348823/article/details/81366853
2、API下载:下载地址:https://developers.arcgis.com/downloads/apis-and-sdks
没有账号的注册一下或者百度云下载:https://pan.baidu.com/s/1IpbjMLzCVlRK7RwP6fS8Kw
提取码:t55m
API需要更改的内容可参照API里边的install.html文件,(大致问两部分:1.init.js文件修改baseUrl2.IIS服务器的MIME配置)

引入API

<link rel="stylesheet" href="http://127.0.0.1/3.31/esri/css/esri.css">
<script src="http://127.0.0.1/3.31/init.js"></script>

引入在线API的地址为:

<link rel="stylesheet" href="https://js.arcgis.com/3.31/esri/css/esri.css">
<script src="https://js.arcgis.com/3.31/"></script>

第一个简单地图

html中创建地图容器(别忘了设置容器高度)

 <div id="myMap"></div>

js部分代码

 <script>
    require(["esri/map"], function(Map) {
      const map = new Map("myMap", {
        basemap: "topo",
        center: [112, 38],
        zoom: 6
      });
    });
  </script>

相关文章

网友评论

    本文标题:ArcGIS js 3.X 使用笔记(一)

    本文链接:https://www.haomeiwen.com/subject/mngfjhtx.html