# sample-x-gis-h5

**Repository Path**: ooknight/sample-x-gis-h5

## Basic Information

- **Project Name**: sample-x-gis-h5
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-16
- **Last Updated**: 2025-07-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# starter-arcgis-h5

## 文档
> https://developers.arcgis.com/javascript/latest  
> https://www.arcgis.com/apps/mapviewer/index.html  
> https://www.arcgis.com/home/webmap/viewer.html

## 地图 - Map
```javascript
// dark-gray                    The Dark Gray Canvas basemap is designed to be used as a soothing background map for overlaying and focus attention on other map layers.
// dark-gray-vector	        	This vector tile layer provides a detailed basemap for the world featuring a neutral background style with minimal colors, labels, and features.
// gray	                    	The Light Gray Canvas basemap is designed to be used as a neutral background map for overlaying and emphasizing other map layers.
// gray-vector	            	This vector tile layer provides a detailed basemap for the world featuring a neutral background style with minimal colors, labels, and features.
// hybrid	                 	The World Imagery map is a detailed imagery map layer and labels that is designed to be used as a basemap for various maps and applications.
// national-geographic       	The National Geographic basemap is designed to be used as a general reference map for informational and educational purposes.
// oceans	                	The Ocean Basemap is designed to be used as a basemap by marine GIS professionals and as a reference map by anyone interested in ocean data.
// osm	                     	The OpenStreetMap is a community map layer that is designed to be used as a basemap for various maps and applications.
// satellite	        	    The World Imagery map is a detailed imagery map layer that is designed to be used as a basemap for various maps and applications.
// streets	        	        The Streets basemap presents a multiscale street map for the world.
// streets-navigation-vector    This vector tile layer provides a detailed basemap for the world featuring a custom navigation map style.
// streets-night-vector	    	This vector tile layer provides a detailed basemap for the world featuring a custom "night time" street map style.
// streets-relief-vector	    This vector tile layer provides a detailed basemap for the world featuring a classic Esri street map style designed for use with a relief map.
// streets-vector	        	This vector tile layer provides a detailed basemap for the world featuring a classic Esri street map style.
// terrain	                	The Terrain with Labels basemap is designed to be used to overlay and emphasize other thematic map layers.
// topo	                    	The Topographic map includes boundaries, cities, water features, physiographic features, parks, landmarks, transportation, and buildings.
// topo-vector	            	This vector tile layer provides a detailed basemap for the world featuring a classic Esri topographic map style designed for use with a relief map.

const map = new Map({
    basemap: "topo"
});
```

## 二维地图 - WebMap

```javascript
// 5cd32b831bfb43d08e5ee75e7b40d53d 中国地图彩色版
// 0c539fdb47d34b17bd1452f6b9f49e97 中国地图彩色英文版（含POI）
// 05752f4682ba43ac8745528b4d9ffe4d 中国地图暖色版
// 74e992f4fce3450aaf57a9a0df0007c3 中国地图灰色版
// bf024b8d0b4b48f5a486070214e87c5f 中国地图蓝黑版
// b917e1e0b7d2431891b993f43d415227 天地图-地形（CGCS2000）
// 4dc6011d7dae4be9855738b366287f85 天地图-地形（球面墨卡托）
// 7c55676b41e74f4e928db1d158e59a86 天地图-影像（CGCS2000）
// f2ce4422faa24f3c93b3135807e3b60e 天地图-影像（球面墨卡托）
// 24f2862ddba74de88bb5e99328b7db29 天地图-矢量（CGCS2000）
// 0fa6d020c45342eabd89954344a739ba 天地图-矢量（球面墨卡托）

const map = new WebMap({
    portalItem: {
        id: "5cd32b831bfb43d08e5ee75e7b40d53d"
    }
});

```

## 三维地图 - WebScene

```javascript
// 0560e29930dc4d5ebeb58c635c0909c9 Topographic
// 00a5f468dda941d7bf0b51c144aae3f0 Navigation
// 5a1365328b4943f09a54cf5fd1205707 Navigation (Dark)
// 1754f80e7e6644e28ce0c4d35066e392 Streets
// 8a4efa2c20484ec9b4557895e65736ff Streets (Dark)
// a8b7322a5fe94002bb0f5e0eeb0c5c18 Dark Gray Canvas
// 35cdf329d663403b99df27d6ca5fa38d Light Gray Canvas
// 1c071fcf8ff2448599b0547116e2de55 OpenStreetMap

const map = new WebScene({
    portalItem: {
        id: "8a4efa2c20484ec9b4557895e65736ff"
    }
});
```