angular调用arcgis js api

匿名 (未验证) 提交于 2019-12-03 00:19:01

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

compilerOptions.typesas 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"
]
}


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!