ArcGIS Maps SDK for JavaScript 资源指南-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00250/article/details/141247729

ArcGIS Maps SDK for JavaScript 资源指南

jsapi-resourcesA collection of useful resources for developers using the ArcGIS API for JavaScript.项目地址:https://gitcode.com/gh_mirrors/js/jsapi-resources

项目介绍

jsapi-resources 是一个由 Esri 维护的开源项目，旨在为使用 ArcGIS Maps SDK for JavaScript 的开发者提供一系列资源。这些资源包括代码示例、工具、框架和模块打包器的集成指南等。项目的主要目的是帮助开发者快速上手并有效利用 ArcGIS Maps SDK for JavaScript 进行地图应用开发。

项目快速启动

环境准备

安装 Node.js：确保你的系统上安装了 Node.js。可以从 Node.js 官网下载并安装。

克隆项目仓库：

git clone https://github.com/Esri/jsapi-resources.git
cd jsapi-resources

示例代码

以下是一个简单的示例，展示如何在 HTML 页面中加载 ArcGIS Maps SDK for JavaScript 并显示一个基本地图：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>地图示例</title>
    <link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/light/main.css">
    <script src="https://js.arcgis.com/4.29/"></script>
    <style>
        html, body, #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="viewDiv"></div>
    <script>
        require([
            "esri/Map",
            "esri/views/MapView"
        ], function(Map, MapView) {
            const map = new Map({
                basemap: "streets"
            });

            const view = new MapView({
                container: "viewDiv",
                map: map,
                center: [116.4074, 39.9042], // 北京的经纬度
                zoom: 10
            });
        });
    </script>
</body>
</html>