使用ArcGIS API for JavaScript创建第一个应用

1. 创建一个简单的HTML文档


<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>title>
  head>
html>

2. 引用ArcGIS API for JavaScript

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

3. 加载模块

4. 确保DOM可用

<script>
  require(["esri/map", "dojo/domReady!"], function(Map) {
    // code to create the map and add a basemap will go here
  });
script>

5. 创建地图

var map;
require(["esri/map", "dojo/domReady!"], function(Map) {
  map = new Map("map", {
    basemap: "topo",
    center: [-122.45, 37.75],
    zoom: 13
  });
});

6. 创建页面内容

<body class="claro">
  <div id="map">div>
body>

7. 设置页面样式

<style>
  html, body, #map {
    height: 100%;
    padding: 0;
    margin: 0;
  }
style>

沙河链接
效果如图:
使用ArcGIS API for JavaScript创建第一个应用_第1张图片

你可能感兴趣的:(ArcGIS,API,for,JavaScript开发)