RequireJS加载ArcGIS API for JavaScript

本文介绍如何在main.js中配置ArcGIS API for JavaScript,并通过define方法加载所需模块。这种方式虽然简单,但会导致页面加载时一次性下载所有相关文件。建议采用iframe隔离的方法来优化。

1.在main.js中配置ArcGIS API for JavaScript

require.config({
  paths : {
    //arcgisJS
    "esri": "libs/arcgisJS/esri",
    "dojo": "libs/arcgisJS/dojo",
    "dojox": "libs/arcgisJS/dojox",
    "dijit": "libs/arcgisJS/dijit",
  }
});

2.加载所需的模块

define([
        "esri/urlUtils",
        "esri/config",
        "esri/map",
        "esri/layers/ArcGISTiledMapServiceLayer",
        "esri/geometry/Point",
        "esri/graphic",
        "esri/SpatialReference",
        "esri/tasks/GeometryService",
        "esri/tasks/ProjectParameters",
        "esri/tasks/FeatureSet",
        "esri/dijit/PopupMobile",
        "esri/geometry/Extent",
        "dojo/dom-construct"
        ], function (app, urlUtils, esriConfig, Map, ArcGISTiledMapServiceLayer, Point, Graphic,
                SpatialReference, GeometryService, ProjectParameters, FeatureSet, PopupMobile,
                Extent, domConstruct) {
});

3.缺点

这样的方式不是官方推荐的方式,说白了就是一个无奈的办法。这样带来的一个大缺点就是页面加载之后就把所有有关的ArcGIS API for JavaScript文件全部下载下来,而不是按模块下载。

4.补充

鉴于上面的办法太搓了,建议还是在页面嵌入iframe,在iframe里面写gis的代码吧!互不干扰,方为上策!

转载于:https://www.cnblogs.com/laixiangran/p/4959002.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值