ArcGis API for js 在vue.js中的使用

JavaScript0139

ArcGis API for js 在vue.js中的使用,第1张

最近换了一份工作,公司做的是gis相关的服务,之前完全没有接触过gis,光是把地图展现到页面上就费了好些功夫。所以打算把自己在项目中用到的相关技术点记录下来,供自己日后翻看。有写的不好的地方,还请在评论留言。

在vue中使用arcgis需要一个叫做 esri-loader 的东西来帮我们加载arcgis文件。

npm上的相关文档参考: https://www.npmjs.com/package/esri-loader

样式文件可以在main.js中引入,也可以在当前组件引入,我选择的是在main.js中引

如果控制台可以打印出Map对象,那么说明我们已经在vue中成功加载arcgis了

通过script标签来请求,原理就是在本域内的A内生成一个JS标签,它的SRC指向请求的另外一个域的某个页面B,这个src里面通常会加一个A页面定义好的回调函数,B返回数据即可,可以直接返回调用这个回调函数,这种跨域的通信方式被称为JSONP,此方案存在的缺陷是, script的src属性完成该调用时采取的方式时get方式,如果请求时传递的字符串过大时,可能会无法正常运行。