ArcGIS API for JavaScript——vue环境部署

1、获取开发者的api-key

经过各种尝试，发现在官网申请账号没成功，只能曲线救国，用google账号登陆，并获取api-key。

这个api-key也是一阵好找，按照提示，进入对应网页老是崩溃，最后在下面一个角落里找到。点击“Get your API key”获取。 

 

2、部署开发环境

我比较喜欢用vue开发，用vue开发的环境部署：

https://developers.arcgis.com/javascript/latest/es-modules/

2.1 安装@arcgis/core

npm install @arcgis/core --save

2.2 可以将指引文件中@的node_modules/@arcgis/core/assets文件夹直接复制到public/assets下

2.3 将样式添加进main.js里

import '@arcgis/core/assets/esri/themes/dark/main.css'

3、创建第一个项目

<template>
  <div id="viewDiv"></div>
</template>
<script>
import Map from "@arcgis/core/Map";
import SceneView from "@arcgis/core/views/SceneView";
import esriConfig from "@arcgis/core/config";
export default {
  name: "test001",
  methods: {
    init() {
      esriConfig.apiKey =
        "your api key";
      const map = new Map({
        basemap: "arcgis-topographic", //Basemap layer service
        ground: "world-elevation" //Elevation service
      })

      const view = new SceneView({
        container: "viewDiv",
        map: map,
        camera: {
          position: {
            x: -118.808, //Longitude
            y: 33.961, //Latitude
            z: 2000 //Meters
          },
          tilt: 75
        }
      })
    }
  },
  mounted() {
    this.init()
  }
};
</script>
<style scoped>
#viewDiv {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
</style>