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

(首先和传统的开发一样我们需要引入他的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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. 组件的data为什么必须是函数? 组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次...
    郭先生_515阅读 4,585评论 0 12
  • 第一章 Vue概述 what? Vue是实现UI层的渐进式js框架,核心库关注视图层,简单的ui构建,复杂的路由控...
    fastwe阅读 4,151评论 0 0
  • 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装...
    youins阅读 13,196评论 0 13
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,732评论 0 6
  • 原文:简友:王清甫 月隐三更后,云起五凌风。 日出春来早,桃花带雨浓。 绿翠千堆绣,飞泉挂碧空。 水响溅人面,斜视...
    琴诗音阅读 3,051评论 4 6

友情链接更多精彩内容