ArcGIS + vue 项目实战

ArcGIS+ vue 项目实战

一、搭建vue项目
此处省略。。。。。。。。。。。。。
二、vue项目中引入arcgis
安装命令

npm install --save esri-loader

三、举个栗子（附代码）

<template>
  <div>
    <div ref="baseMap" class="baseMap"></div>
  </div>
</template>

<script>
import {loadModules} from 'esri-loader'

//定义配置项
const option = {
  url: 'https://js.arcgis.com/4.20/', //官网地址
  logo: false
};

export default {
  name: "mapCorrect",
  data() {
    return {
      map: '',
      view: '',
    }
  },
  mounted() {
    const this_ = this;
    loadModules([
      // "esri/views/SceneView",
      "esri/geometry/geometryEngine",
      "esri/tasks/support/Query",
      "esri/widgets/Sketch/SketchViewModel",
      "esri/symbols/SimpleMarkerSymbol",
      "esri/symbols/SimpleFill