Vue2.5集成ArcGis For Script 4.0

    最近公司想要做一个项目,需要用Vue然后要集成ArcGis地图,百度必应等查了一些资料,发现没有关于最新版本的集成方式,于是通过查看官方文档,总结了一下如何在Vue项目中集成ArcGis For Script4.0地图。

    esri官方提供了esri-loader这个包,首先我们需要在项目中安装引用这个包

    1:安装 npm install --save esri-loader 或者 yarn add esri-loader

    2:在页面中引用这个包以及css和js

    

引用css


引用包


Vue2.5集成ArcGis For Script 4.0_第1张图片
引用js

接下来就是根据项目的需求,引用不同的功能,参考官网api就可以,下面的代码就是一个简单的例子,讲图层换成了Google地图,并绘制了一些轨迹图,供大家参考~~有不足的地方请大家谅解


Vue2.5集成ArcGis For Script 4.0_第2张图片
替换Google地图,创建2D示例图获


Vue2.5集成ArcGis For Script 4.0_第3张图片
根据坐标点绘制轨迹

你可能感兴趣的:(Vue2.5集成ArcGis For Script 4.0)