- 博客(42)
- 收藏
- 关注
RSS订阅原创 Cesium点击图元带出信息气泡弹窗
实现点击下图的图标，可弹出气泡弹窗。带出此图标的信息（例如：标题，视频链接等）2.创建监听点击事件，获取点击的图元的数据。2.创建监听点击事件，获取点击的图元的数据。cesium弹窗创建下一篇继续补充整理。1.在创建图元时，将数据传入。1.在创建图元时，将数据传入。3.创建弹窗，展示数据。3.创建弹窗，展示数据。Cesium创建图元并实现点击图元带出信息气泡弹窗_cesium气泡弹窗_m0_45305745的博客-CSDN博客。在地图上加图标，并附带上信息，可看上篇。接这篇，气泡弹窗怎么带出来。
2023-09-25 10:13:25
691
原创 uniapp移动端地图，点击气泡弹窗并实现精准定位
直接用nvue可以直接调整层级,可以覆盖住map组件。在map组件上添加按钮控制，实现交互。移动端地图部分需要展示两个定位点，上报点及人员定位点。通过右上角的两个按钮实现地图定位。点击对应定位气泡，弹出定位点的信息。记录移动端地图map组件的使用。
2023-09-05 11:19:59
2939
6
原创 leaflet-uniapp 缩放地图的同时 显示当前缩放层级
这里根据需要为--zoomstart zoom zoomend。需求为移动端用户在使用地图时，缩放地图的同时，可以获知地图此时缩放的级别。效果图如下：此时缩放地图级别为13。
2023-08-04 12:01:34
1155
原创 leaflet移动端，地图放大到一定层级出现空白解决
在uniapp用leaflet加载了天地图，地图放大到一定层级后，地图就显示空白了。原因是leaflet地图放大层级超出，将不再请求地图瓦片。以上设置则是层级最高放大到22，也不会显示空白瓦片。
2023-08-04 11:53:22
1004
原创 viewer调用api使用图片查看器并实现图片的下载
留自用，以免遗忘。有错误请指出，谢谢！先附上：https://github.com/mirari/v-viewer#readme实现效果图如下：（用户点击即可下载该页所展示的图片）imageLook.js下载按钮的样式 在viewer.css里添加以下代码：
2023-05-05 14:16:06
796
1
原创 Cesium创建图元并实现点击图元带出信息气泡弹窗
实现点击下图的图标，可弹出气泡弹窗。带出此图标的信息（例如：标题，视频链接等）2.创建监听点击事件，获取点击的图元的数据。2.创建监听点击事件，获取点击的图元的数据。cesium弹窗创建下一篇继续补充整理。将数据写入description属性中。1.在创建图元时，将数据传入。1.在创建图元时，将数据传入。3.创建弹窗，展示数据。3.创建弹窗，展示数据。屏幕空间事件处理程序。
2023-04-23 17:20:57
1906
1
原创 cesium巡逻获取对象实时信息并实现切换第一人称视角
viewer.clock.onTick.addEventListener对clock增加监听事件；完成思路：飞行巡逻时，监听此对象的实时坐标经纬度等数据，由此数据进行视角的优化调整。viewer.clock.shouldAnimate =true 启动时钟开始转动。
2023-03-21 10:13:52
1470
原创 基于leaflet使用百度地图api地名检索经纬度纠偏
移动端uniapp基于leaflet新增地点定位这一需求,但百度地图经纬度有偏差，需要纠偏。地点地位选择调用百度地图api。
2023-03-20 17:11:26
454
原创 cesium添加实体
2.高级别的数据驱动的API，称为“Entity API”。该API使用一致性设计的、高级别的对象来管理一组相关性的可视化对象，其底层使用Primitive API；1.面向图形开发人员的底层API，通常称为“Primitive API”。该API暴露最小限度的抽象，使用图形学术语，具有很大的灵活性，需要具有图形学编程的知识。总的来说，Primitive偏底层，图形绘制和数据加载效率较高，但开发难度更大，而Entity基于Primitive做了进一步封装，调用便捷。
2023-03-20 14:45:59
658
原创 cesium 删除primitive
viewer.scene.primitives.removeAll()没有任何效果，删除失败。记录项目中使用了primitive添加实体，移除所有实体removeAll无效。
2023-03-20 14:33:53
2330
原创 webview简单记录
使用web-view组件，当作来承载网页的容器。index.html是嵌入的h5页面。app与webview之间的传值。新建一个文件夹用于写入h5页面。
2023-01-17 11:45:36
128
原创 leaflet移动端-uniapp 开发中的记录总结
leaflet在uniapp中只可以正常显示地图或者静态的数据无法在地图页面接收到动态的数据。leaflet可以支持移动端，但是经过这次的项目，最好不要用uniapp，leaflet对原生更友好！之后更新代码和webview中的leaflet地图与uniapp之间的传值。在leaflet添加功能按钮，可以使用一个插件（leaflet-easybutton）地图---leaflet。
2022-11-26 21:45:21
2593
原创 form表单及vxe-table在线表格校验不含特殊字符
form表单及vxe-table在线表格校验不含特殊字符。vxe-input输入框输入内容，若鼠标点击离开此输入框，则自动删除特殊符号。字段编码这一列是自动解析出字段名称的首拼小写（解析方法看前一篇博客）vxe-table效果：（效果比较特殊）
2022-10-14 22:36:54
1557
原创 vue汉字获取字母首拼或拼音、大小写
vue汉字获取字母首拼或拼音、大小写。1.npm安装。2.使用示例（ charCase: 0 为大写；charCase: 1 为小写）若不设置则默认为 charCase: 0。效果：（字母首拼小写）
2022-10-14 22:19:54
811
原创 vxe-table在线表格的使用记录
vxe-table在线表格使用：设置 edit-config={trigger: 'manual', mode: 'row'} 启用行编辑的功能。1.npm安装：（Vue2）（在线编辑表格手动触发）
2022-10-14 21:59:48
1855
原创 记ele表单报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘resetField
记ele表单报错：Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'resetField。
2022-10-14 21:45:17
1522
原创 uniapp小程序高德地图实时定位
3.根据以下网址，进入下载插件。在创建的项目中，新建一个名为 libs 目录，将下载的插件拷贝进入libs目录。map组件默认为腾讯地图。我这里也是腾讯地图的“身子”，但是使用的是高德的“脑袋”。进入网页右上角点击进入控制台 --> 首页 基础服务使用概况。2.manifest.json 中微信小程序配置，位置接口填写描述。在使用uniapp开发小程序过程中，如何使用高德地图进行定位？1.先进入高德地图开发平台创建key。小程序项目按要求必须使用高德地图。根据需要创建添加key。其中使用了map组件。
2022-09-23 14:05:50
4553
3
原创 浅拷贝和深拷贝
浅拷贝：可以把任意多个的原对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。创建新的数据，这个数据有着原始数据属性值的精准拷贝。若属性值为基本类型，拷贝的是值；若属性值为引用类型，拷贝的是内存地址。创建新的数据，这个数据有着原始数据属性值的精准拷贝。若属性值为引用类型，拷贝的是内存地址。基本类型直接拷贝，对于引用类型，只拷贝第一层。浅拷贝就类似于复制，把对象中的内容，复制出来给另一个对象。浅拷贝就类似于复制，把对象中的内容，复制出来给另一个对象。，拷贝的是对象的属性的引用，而不是对象本身。...
2022-08-17 12:57:13
128
原创 react hooks
大部分的React类组件可以保存状态，而函数组件不能。并且类组件有生命周期，函数组件却没有。hook可以让react函数组件具有状态，并提供类似componentDidMount和componentDidUpdate等生命周期方法。当我们想在两个函数之间共享逻辑时，我们会把它提取到第三个函数中。以上的例子中，初始state为0.这个初始state参数只有在第一次渲染时会被用到。包含2个元素的数组，第1个为内部当前状态值，第2个为更新状态值的函数。，可以在事件处理函数中或者其他一些地方调用这个函数。...
2022-08-08 20:41:46
194
原创 new会发生什么？
new会发生什么？`new` 关键字会进行如下的操作：1. 创建一个空的简单JavaScript对象（即`{}`)；2. 为步骤1新创建的对象添加属性`__proto__`，将该属性链接至构造函数的原型对象；1. 创建一个空的简单JavaScript对象（即`{}`)；Tips： `new`关键字后面的构造函数不能是箭头函数。3. 将步骤1新创建的对象作为`this`的上下文；4. 如果该函数没有返回对象，则返回`this`。...
2022-08-07 21:39:00
303
原创 React Router路由
它决定用户在浏览器中输入的路径到对应加载什么 React 组件，因此绝大多数情况下，Routes 的唯一作用是用来包住一系列的。在 React Router 中，最外层的 API 通常就是用 BrowserRouter。React Router是一个构建在React之上的强大的路由库。BrowserRouter 使用时，通常用来包住其它需要路由的组件，所以通常会需要在你的应用的最外层用它。这个库和 React Context 来实现的，所以当你的用户前进后退时，Route 是定义访问路径与组件之间的关系。.
2022-08-07 00:13:38
146
原创 CSS防御式部分整理
养成细致严谨的编程习惯，考虑多种情况！（内心OS：一定要养成这样的好习惯！！）整合了在网上看到的一些知识点，以备不时之需。一、单行文本太长，超出盒子。网页的数据在开发过程中都是动态的，一切都是不确定的，造成CSS布局的效果并没有按照预期来显示。以防万一，标题过长，可以用。。。来显示：white-space: nowrap; //规定段落中的文本不进行换行overflow: hidden;text-overflow: elipsis; //用省略号来代表被修剪的文本解析：
2022-05-27 10:09:59
86
原创 css 页面机械/数字电子 字体怎么实现？
css里面的字体属性通过 font-family设置，但是并没有机械 电子数字字体。所以需要我们自己下载引入了。接上一篇，还是数据可视化的那个任务中，有一个页面用到了机械 电子数字字体。（字体资源，不知道怎么放到这上来，文件在我百度网盘里）查了资料，确实非常有效，成功解决！1.下载字体，引入文件夹。3.对应地方使用字体。
2022-05-24 16:49:12
2390
3
原创 数据可视化使用3D饼图，运行报错问题解决
自己的记录，以免以后忘记。在完成数据可视化页面时，有一个页面需要加入3D饼图。我使用的是vue-echarts。vue-echarts和eharts之间的区别，可以自行百度。vue-echarts我感觉算是一个升级版的echarts。页面中导入vue-echarts3D的图还需要echarts-gl写完3D饼图之后，运行项目，根据终端的提示，一步步下载包。...
2022-05-24 16:18:12
598
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人