ArcGIS API for JavaScript——地图展示

关注

VIP免费原创最新推荐文章于 2026-06-19 12:10:05 发布 2.9k 阅读 AI 写同款· GEO 优化 ›

ArcGIS API for JavaScript之基础篇（二） ArcGIS API for JavaScript之基础篇（二）上一篇文章介绍了Map MapView SceneView的基本知识以及简单的demo。最近几天学习了WebMap WebScene Portal slide Popup等相关知识，我纯碎记录一下自己学习过程中的一些心得体会，个人理解。不对之处，还请各位见谅以及多多指教。 Demo展示点击图中的任意一点弹出该点... 阅读详情

ArcGIS API for JavaScript 能够实现的最基本功能就是地图展示，包括地图缩放、平移、定位、实时显示坐标、展示地图要素（指北针、比例尺、图例）、切换地图等。本文将详细介绍地图展示的代码构成以及常用的部件等。

一、创建一个地图 "Hello World"

由于JavaScript是镶嵌在HTML内的脚本语言，因此要调用JS API就先得创建一个HTML网页。下面就是一个最简单的HTML框架：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>hello world</title>
    <style>
      html, body, #view {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <div id="view"></div>
  </body>
</html>

注：通常html由head,body和foot三部分组成，JavaScript存放在head中。

2.有了基本的HTML框架之后，接下来就是引用CSS和调用API了。