The ArcGIS Maps SDK for JavaScript's Map components are a collection of pre-built UI components for building web mapping applications with minimal code. This package contains the Map component (2D), the Scene component (3D), and other components that encapsulate functionality from the core API into UI.
Use dark colors for code blocks Copy
1
<arcgis-map item-id="05e015c5f0314db9a487a9b46cb37eca"></arcgis-map>You can include this package in your application using either the ArcGIS CDN or by installing from npm. Visit the full Get Started guide for working with the ArcGIS CDN, npm, CSS, frameworks and more.
Include all the necessary library scripts and CSS link tags in the order shown below to the <head> section of your HTML:
Use dark colors for code blocks Copy
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- Load Calcite components and the JavaScript Maps SDK core API-->
<script
type="module"
src="https://js.arcgis.com/calcite-components/3.2.1/calcite.esm.js"></script>
<link rel="stylesheet" href="https://js.arcgis.com/4.33/esri/themes/dark/main.css" />
<script src="https://js.arcgis.com/4.33/"></script>
<!-- Load Map components -->
<script
type="module"
src="https://js.arcgis.com/4.33/map-components/"
></script>This only needs to be done once in your application. No specific import is needed to use a component.
npmRun the following command to install the package:
Use dark colors for code blocks Copy
1
2
npm install @arcgis/map-componentsAfterwards, you'll need to individually import each component you use.
Use dark colors for code blocks Copy
1
import "@arcgis/map-components/components/arcgis-map";RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4