vue+arcgis 4.x 开发展示底图

最新推荐文章于 2024-06-07 21:11:05 发布

xinxin_zhu

最新推荐文章于 2024-06-07 21:11:05 发布

阅读量1.3k

点赞数

分类专栏： arcgis 文章标签： arcgis api for js 4.x

本文链接：https://blog.csdn.net/xinxin_zhu/article/details/102523021

版权

本文档介绍了如何在Vue项目中集成ArcGIS 4.x API，包括安装esri-loader依赖，配置main.js加载ArcGIS JS和CSS文件，以及在map.vue组件中展示地图的详细步骤。

摘要由CSDN通过智能技术生成

1.安装依赖包

npm install esri-loader

2.在入口函数中 main.js 配置加载 js 和css 文件

3.地图展示页面 ,map.vue

4.完整代码

<template>
    <div>
        <div id="viewDiv">
        </div>      
    </div>    
    </template>
    <script>
   import  { loadModules } from 'esri-loader'
    export default {
        name: 'mymap',
        data() {
            return {}
        },
        methods: {
          createMap: function () {
            loadModules(['esri/views/MapView', 'esri/WebMap','esri/Map'])
            .then(([MapView, WebMap,Map]) => {
                var map = new