vue-cli使用arcgis for js
1、先用npm下载esri-loader。npm install esri-loader --save-dev2、加载esri-loaderimport esriLoader from 'esri-loader'3、在methods中创建createMap方法 createMap() {const options = {url: 'https://js.a...
·
1、先用npm下载esri-loader。
npm install esri-loader --save-dev
2、加载esri-loader
import esriLoader from 'esri-loader'
3、在methods中创建createMap方法
createMap() {
const options = {
url: 'https://js.arcgis.com/4.7/init.js'
};
esriLoader.loadModules ([
"esri/Map",
"esri/views/MapView",
"esri/views/SceneView",
"dojo/domReady!"
], options)
.then (([
Map,
MapView,
SceneView
]) => {
const map =new Map({
"basemap": "satellite",
"ground": "world-elevation"
});
const mapview = new SceneView({
"map": map,
"container": "viewDiv",
"zoom": 8,
"center": [ 102.7346125, 25.0563901 ]
});
}, reason => {
console.log (reason);
})
}
4、在页面编译好之后使用(mounted)
mounted() {
this.createMap();
}
5、打包vue-cli注意事项:
(1) 把index.js文件中assetsPublicPath属性值由 ”/” 改成 “./”,
(2) 命令行输入npm run build 打包生成dist文件,
(3) 把dist文件中的内容放到服务端即可。
更多推荐
已为社区贡献1条内容
所有评论(0)