Vue项目添加arcgis地图叠加天地图（一）

最新推荐文章于 2025-04-17 11:48:33 发布

喵喵喵小鱼

最新推荐文章于 2025-04-17 11:48:33 发布

阅读量2.9k

点赞数 1

文章标签： arcgis vue.js

本文链接：https://blog.youkuaiyun.com/qq_23988859/article/details/106058960

版权

这篇博客介绍了如何在Vue项目中集成ArcGIS地图，并叠加天地图。首先通过npm安装esri-loader库，接着引入并使用esriLoader模块。然后在Vue组件中利用loadModules方法加载地图核心代码，实现地图的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.先通过npm把库先搞下来 npm install --save esri-loader
2.导入import * as esriLoader from ‘esri-loader’
3.添加地图的核心代码如下：
在需要添加地图的Vue文件中导入
import { loadModules } from “esri-loader”;

mounted() {
   
            // lazy load the required ArcGIS API for JavaScript modules and CSS
            loadModules(["esri/layers/WebTileLayer", "esri/Map", "esri/views/SceneView"], {
    css: true , url: "https://zrzyhghj3.jiaxing.gov.cn/arcg