angular调用arcgis js api(esri-loader方式)

angular调用arcgis,用typescript,通过esri-loader调用。


目前还没用npm的方式安装arcgis-js-api,还是通过下载到本地的方式实现。


1、下载最新的arcgis-js-api


解压放在angular代码src\assets\lib\esri\4.7下,更改init.js文件和dojo.js文件,与其他本地部署方式一样,主要更改[hostname]之类的,如改为

baseUrl:(location.protocol === 'file:' ? 'http:' : location.protocol) + '//' + location.host + "/assets/lib/esri/4.7/dojo"

 

2、安装arcgis的typescript支持,请参考官网

npm install @types/arcgis-js-api --save

3、安装esri-loader

npm install esri-loader --save

4、配置types,这步重要,否则不能使用__esri namespace

NOTE: For Angular CLI applications, you will also need to add "arcgis-js-api" to compilerOptions.types in src/tsconfig.app.json and src/tsconfig.spec.json as shown here

(1)src/tsconfig.app.json

 

{

"extends": "../tsconfig.json",

"compilerOptions": {

"outDir": "../out-tsc/app",

"module": "es2015",

"baseUrl": "",

"types": ["node",

"arcgis-js-api"]

},

"exclude": [

"test.ts",

"**/*.spec.ts"

]

}

 

(2)src/tsconfig.spec.json

 

{

"extends": "../tsconfig.json",

"compilerOptions": {

"outDir": "../out-tsc/spec",

"module": "commonjs",

"target": "es5",

"baseUrl": "",

"types": [

"jasmine",

"node",

"arcgis-js-api"

]

},

"files": [

"test.ts"

],

"include": [

"**/*.spec.ts",

"**/*.d.ts"

]

}

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值