ArcGIS API for javaScript引入的地图是英文的，怎么显示中文的？

Question

ArcGIS API for javaScript引入的地图是英文的，怎么显示中文的？

<template>
  <main>
    <div id="viewDiv"></div>
  </main>
</template>

<script setup>
import { onMounted } from "vue";
import Map from "@arcgis/core/Map";
import MapView from "@arcgis/core/views/MapView";
import Graphic from "@arcgis/core/Graphic";
/**
 * Map: 存放所有图层
 * MapView： 显示2D图层，并且图层的事件和配置都写在里面（即负责用户的交互）
 */

let mymap = null;
let myview = null;

onMounted(() => {
  initMap();
});
// 初始化地图
const initMap = () => {
  mymap = new Map({
    basemap: "hybrid",
  });
  myview = new MapView({
    container: "viewDiv", // 挂载在那个DOM
    map: mymap, // 绑定的map对象
    center: [113.5, 23.2], // 设置视图的中心点
    zoom: 8, // 设置视图初始的缩放级别
  });
};

</script>

<style scoped>
#viewDiv {
  width: 100vw;
  height: 100vh;
}
</style>

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

ArcGIS API for javaScript引入的地图是英文的，怎么显示中文的？

ArcGIS API for JavaScript 提供了多种方式来设置地图的语言。其中一种方法是使用 setLanguage 方法。

你可以在创建 Map 对象时，设置 language 属性为 zh-CN，例如：

const map = new Map({
  basemap: 'topo-vector',
  center: [120.0, 30.0],
  zoom: 10,
  language: 'zh-CN'
});

这将设置地图的语言为中文。

如果你已经创建了地图对象，可以使用 setLanguage 方法来更改语言，例如：

map.setLanguage('zh-CN');

这将立即更改地图的语言为中文。

另外，你也可以在 Map 对象的 options 中添加 language 属性，例如：

const map = new Map({
  basemap: 'topo-vector',
  center: [120.0, 30.0],
  zoom: 10,
  options: {
    language: 'zh-CN'
  }
});

这将设置地图的语言为中文，并且在地图对象创建时生效。