ArcGis api配合vue开发入门系列（一）引入arcgis api以及加载地图

正文

---

首先和传统的开发一样我们需要引入他的js文件和css文件，但是因为我们是用vue来开发，所以传统的通过标签的方式来引入的方法不适用了，arcgis官网给我提供了一个工具"esriLoader"，这是他的npm地址esri-loader。

Install

npm install --save esri-loader

引入之后在组件里面定义一个地图的容器，这里可以使用id或者vue的ref来绑定。下面我把这个组件的代码贴出来。

<template>
  <div class="wrapper">
    <div ref="map" class="map"></div>
  </div>
</template>

<script>
import Vue from 'vue'
import esriLoader from "esri-loader";
export default {
  name: "",

  components: {},

  props: {},