做企业网站时需要注意哪些地方,管理系统是什么,自设计网站,深圳龙华区住房和建设局网站1、创建vue项目
vue create my_demo
2、下载Cesium
可以从官网下载#xff0c;也可以使用node下载
npm install cesium
3、把node_modules文件夹中下载得Cesium#xff0c;移出到public文件夹下
4、将Cesium.js 以及样式文件widgets.css在index.html中引用
!DOCT…1、创建vue项目
vue create my_demo
2、下载Cesium
可以从官网下载也可以使用node下载
npm install cesium
3、把node_modules文件夹中下载得Cesium移出到public文件夹下
4、将Cesium.js 以及样式文件widgets.css在index.html中引用
!DOCTYPE html
html langheadmeta charsetutf-8 /meta http-equivX-UA-Compatible contentIEedge /meta nameviewport contentwidthdevice-width,initial-scale1.0 /link relicon href% BASE_URL %favicon.ico /titlemyDEmo/titlelink relstylesheet href./static/Cesium//Widgets/widgets.css //headbodynoscriptstrongWere sorry but % htmlWebpackPlugin.options.title % doesnt workproperly without JavaScript enabled. Please enable it tocontinue./strong/noscriptdiv idapp/divscript typetext/javascript src./static/Cesium/Cesium.js/script!-- built files will be auto injected --/body
/html
5、新建vue文件在vue文件中初始化场景
templatediv idcesiumContainer classcesium-container/div
/template
script
export default {name: CesiumMap,methods: {},mounted() {let viewer new Cesium.Viewer(cesiumContainer);}
};
/script
6、效果如下 遇到问题如下
Cesium is not defined 问题package.json 文件eslintConfig 添加 globals: { Cesium: true }
CesiumMap.vue文件不支持ts改用js写如要用ts请百度
The HelloWorld component has been registered but not used 问题 例如xxx已经注册但是为使用这种问题 eslint 问题 解决办法是package.json 文件eslintConfig 添加 rules: { vue/no-unused-components: off, no-unused-vars: off },
