Vue与GIS
文章平均质量分 56
实战GIS前端组件在Vue中的应用。
高堂明镜悲白发
这个作者很懒,什么都没留下…
展开
-
原生JS转Vue格式的思路
最近用Vue 转写原生js 的代码遇到很多坑,但是只要转变思路,很多问题就能迎刃而解。原创 2021-12-05 10:00:32 · 5789 阅读 · 1 评论 -
Vite Vue项目加载Cesium模块
1 创建项目选择一个文件夹,打开PowerShell,输入yarn create vite根据提示选择项目名称和使用语言(这里选用Vue + ts)。进入刚刚创建的文件夹,重新打开PowerShell,输入:yarn add cesium待命令执行完成之后,输入yarn run dev即可预览项目。2 配置CesiumVite项目配置Cesium支持非常简单,只需要在index.html 中引入Cesium的样式表和脚本即可。<!DOCTYPE html><h原创 2021-11-21 17:52:16 · 1267 阅读 · 0 评论 -
Vue工程引入openlayers组件的方法
1. 环境配置npm install vuenpm install vite2. 启动项目找到要创建项目的文件夹,打开Power Shell。输入yarn create vite开始创建Vue项目,更加提示,输入项目名称,然后选择开发框架为Vue。进入刚刚创建的文件夹,输入yarn add ol输入yarn run dev即可试运行刚刚生成的项目。3.创建组件用VS Code加载项目文件夹。在../src/components/文件夹下新建Vue文件,这里命名原创 2021-11-21 10:48:43 · 3057 阅读 · 1 评论 -
前后端分离项目中,前端请求的常见问题
1. 跨域问题一台计算机不同的端口会被识别为不同的域,在后端编写跨域规则时,要注意写明不同的端口。CDN方式引用脚本,会是跨域情况变得复杂,对于需要发送AJAX请求的脚本,请与其他文件保存到同一位置再引用。2.Token携带token字符串放在请求头(Headers)中,格式为'Authorization': 'Bearer ' + Token,例如:axios({ method: "get", url: "http://127.0.0.1:8000/user/me", headers: {原创 2021-11-19 16:58:01 · 3707 阅读 · 0 评论 -
Echarts常用配置参数
完整页面模板<!-- THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=line-simple--><!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head>原创 2021-05-22 15:17:42 · 1345 阅读 · 0 评论 -
在Vue项目中引入echarts图表的方法(引入cdn)
第一步:引入脚本链接找到src/index.html,在<head><\head>标签中插入脚本链接:<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>第二步:创建组件在工程中的组件文件夹(没有就新建一个)新建文本文件,用.vue后缀命名。修改图表仅需要修改option变量的内容即可,可以从原创 2021-05-09 16:30:43 · 3265 阅读 · 5 评论