(首先和传统的开发一样我们需要引入他的js文件和css文件,但是因为我们是用vue来开发,所以传统的通过标签的方式来引入的方法不适用了,arcgis官网给我提供了一个工具"esriLoader"。
Install
npm install --save esri-loader
( --save 的意思是将模块安装到项目目录下,并在package文件的dependencies(生产依赖:dependencies)节点写入依赖。)
引入之后在组件里面定义一个地图的容器,这里可以使用id或者vue的ref来绑定。下面我把这个组件的代码贴出来。
<link rel="stylesheet" href="https://js.arcgis.com/3.31/esri/css/esri.css">
<script src="https://js.arcgis.com/3.31/"></script>

image.png

image.png