- 博客(10)
- 收藏
- 关注
原创 Cesium实现拖拽放大缩小实体圆功能
Cesium实现拖拽放大缩小实体圆功能场景说明: 使用cesium绘制一个实体圆,需要在实体圆上标注一点,通过拖拽这个点实现对实体圆的放大缩小功能:实现原理: 绘制一个实体圆,并绘制一个锚点,锚点的位置是通过圆形与半径计算出来的。3: 关键代码:第一步: 绘制实体圆:假设圆心为center = {longitude: 121,latitude: 30}radius: 300 // 半径为300米viewer.entities.add({ position:
2021-07-15 21:05:38
1899
1
原创 使用maptalks实现地图轨迹动画
使用maptalks实现地图轨迹动画实现效果:轨迹动画实现效果实现原理参考maptalks官方实例中点沿线的动画 效果实现,由于官方实例中只是两点间的动画,并且marker没有方向的设置,比较简单。但在实际应用中我们通常需要在让点沿着几百上千个点构成的线有方向的动。在高德地图中存在这样的API,但在maptalks中却没有看到(也许是我没找到,尴尬~)这里主要是通过循环所有点,每次取两点进行一次动画效果,并计算两点间的角度设置marker点。运用了闭包的概念。话不多少,上代码maptalk
2021-07-15 20:27:47
2064
1
转载 vue设置国内镜像
1.临时使用在终端输入:npm --registry https://registry.npm.taobao.org install express2.持久使用npm config set registry https://registry.npm.taobao.org// 配置后通过下面两种方式验证是否成功,出现淘宝的网址表示成功npm config get registry ...
2020-03-11 09:51:20
4586
原创 Vue项目中结合Vue-layer实现弹框式编辑功能
1. 实现效果2.实现原理在父组件中点击编辑按钮,将当前点击对象的id传给子组件,子组件根据id修改相应的内容父组件中代码://放置编辑按钮的位置<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" v-on:click="edit(manage.id)"><i class="l...
2020-03-09 10:59:53
1196
原创 Vue项目中使用vue-layer实现弹框式添加功能
1.实现效果2 .添加功能实现原理点击添加按钮出现添加弹框,添加页面和功能操作封装在添加组件中,添加完成之后,添加弹框关闭,并出现“添加成功”的提示信息。父组件中的代码://放置添加按钮的位置 <button type="button" class="layui-btn" v-on:click="add()"> 添加管理员</button>...
2020-03-09 10:49:06
2591
1
原创 Vue弹框中引用组件
vue-layer官网链接:https://www.npmjs.com/package/vue-layer可以直接看官网,介绍的很详细。1. 安装vue-layernpm install vue-layer在程序入口文件main.js中添加import Vue from ‘vue’import layer from ‘vue-layer’;import ‘vue-layer/lib/...
2020-03-07 12:10:21
836
转载 Layui弹框中select下拉列表赋值回显
页面效果:实现思路:在弹框中定义一个隐藏的input用来获取到动态值,在弹框的js中将隐藏input的值赋给select,使得select状态变为选中状态,然后通过form.render(‘select’)渲染就可以实现效果。代码弹框打开的时候获取到表格中的值并赋给隐藏的input $("body").on("click",".links_datails",function () {...
2020-01-06 11:15:19
6268
原创 Layui弹框中引用TinyMCE编辑器的值如何获取的问题
1.页面效果父页面获取到弹框中TInyMCE编辑器的值并显示在父页面中,实现思想:在弹框中定义一个隐藏的文本框,从弹框中获取到编辑器的值赋值给文本框,父页面获取文本框的值。2.代码如下:弹框页面:children.html <div class="layui-input-block"> <textarea name="supplyse...
2019-12-19 09:32:08
1471
原创 前台实现订单的动态金额计算——实时监听输入框并得到结果
实现效果:过程:点击购买按钮,出现弹框,弹框中包含订单金额和件数,订单的件数初始化为1,当金额或者数量任何一个变化,金额都会随时变化。代码*HTML代码:<div class="witkey-button" onclick="BuyService()"> <a href="#" class="webim1 webservice">购买服务</a&g...
2019-10-17 13:54:21
965
转载 实现三级联动效果——LayUi+JavaScript+Json
实现效果:定义一个json数据,使用layui的select实现三级联动的效果,在点击二级分类之后,出现相应的复选框效果页面实现效果Json格式:{"firstOrder": ["整车服务","系统/零部件","电池服务","自动驾驶"],"secondOrder": { "整车服务": ["道路车辆","非道路车辆","轨道交通车辆","新能源车辆"], "系统/零部件": [...
2019-10-15 14:12:27
537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人