<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[D_bel的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/D_bel</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; D_bel]]></copyright><item><title><![CDATA[vue3 原生js旋转木马轮播]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/144383903</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/144383903</guid><author>D_bel</author><pubDate>Thu, 12 Dec 2024 09:52:44 +0800</pubDate><description><![CDATA[【代码】vue3 原生js旋转木马轮播。]]></description><category></category></item><item><title><![CDATA[Primitive与Entity的区别]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/144383423</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/144383423</guid><author>D_bel</author><pubDate>Tue, 10 Dec 2024 20:52:06 +0800</pubDate><description><![CDATA[每个Entity 都可以代表一个现实世界中的对象，并且可以携带各种属性（如位置、速度、模型、纹理等），这些属性会自动映射到底层的Primitive 上。每个Entity实例都有不同的属性，例如位置、姿态、缩放、颜⾊、贴图等，并且可以通过编程⽅式创建、修改、删除。例如，我们可以使用Primitive来绘制点、线、多边形、体积、⽂本等基本图形。5、如果应用需要动态更新模型的位置、旋转或颜色，那么使用Entity 就更加方便，因为我们可以直接修改Entity 的属性，而不需要直接操作Primitive。]]></description><category></category></item><item><title><![CDATA[地理坐标系和投影坐标系]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130835259</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130835259</guid><author>D_bel</author><pubDate>Tue, 23 May 2023 21:08:22 +0800</pubDate><description><![CDATA[是平面，单位是米，默认可以计算面积，长度和体积，地理坐标系默认无法计算面积和长度，体积，做三维建议是投影系地理坐标系是原型，投影坐标系是地理坐标系加投影方法得到的，任何一个投影坐标系都包含地理坐标系的信息。数据有坐标系，数据框也有坐标系，一个数据框有多个数据，当数据的坐标系和数据框的坐标系一致时，数据会动态投影到数据框。3、3度和6度以比例尺1:2.5万分界线，小于等于2.5万使用6度，比例尺大于2.5万 (如1:1万) 采用3度分带。6、UTM和高斯:只适合大比例尺，小范围(小于600KM)]]></description><category></category></item><item><title><![CDATA[cesium加载geoserver的mvt服务]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130254033</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130254033</guid><author>D_bel</author><pubDate>Wed, 19 Apr 2023 22:06:13 +0800</pubDate><description><![CDATA[使用mapbox解析geoserver的mvt服务，绘制到canvas上，然后将这个canvas返回给cesium进行加载展示，样式的配置完全服务mapbox的规则。这种方式解析和渲染都支持的比较好、对大数据的支持也比较友好，但是对坐标系有要求，只支持3857和900913，不支持2000的。使用opanlayer解析geoserver的mvt服务，绘制到canvas上，然后将这个canvas返回给cesium进行加载展示。这种方法对坐标系没有要求，支持4490,4326,3857,900913等。]]></description><category></category></item><item><title><![CDATA[cesium加载geoserver发布的mvt服务]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130253297</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130253297</guid><author>D_bel</author><pubDate>Wed, 19 Apr 2023 21:32:23 +0800</pubDate><description><![CDATA[在Canvas中把矢量瓦片绘制好了，以图片形式像WMTS一样向Cesium提供图片服务就行了，当然也可以采用中间件的形式在后台把服务渲染好再以服务形式提供给前端。cesium+openlayer，利用openlayer的方法将mvt绘制到canvas上，然后传给cesium进行渲染，这个方法不限制坐标系，支持4490,4326,3857,900913等。cesium+mapbox，这个方法解析和加载的速度都很快，不过只支持3857和900913，不支持2000坐标系。GitHub上已经有开源的代码。]]></description><category></category></item><item><title><![CDATA[cesium 3DTileset的平移、旋转、缩放]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130161046</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130161046</guid><author>D_bel</author><pubDate>Fri, 14 Apr 2023 20:48:08 +0800</pubDate><description><![CDATA[Cesium.Transforms.eastNorthUpToFixedFrame方法是得到世界坐标到某个点平移，得到变化后的矩阵。将这个值赋给_root.transform，模型就回移动旋转到指定位置。1、tileset.modelMatrix：可以用来平移，旋转好像有问题。这个方法的旋转是围绕地球，不是模型自身，旋转中心好像是在。2、tileset._root.transformcesuim：加载的模型的旋转矩阵似乎储存在_root.transform里面的。中心，平移感觉又在模型本身中心。]]></description><category></category></item><item><title><![CDATA[cesium一些常用的方法]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130138703</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130138703</guid><author>D_bel</author><pubDate>Thu, 13 Apr 2023 20:22:30 +0800</pubDate><description><![CDATA[@param cartesian3Arr {Cesium.Cartesian3 | Array} Cartesian3笛卡尔坐标数组。* @param lonlat.x {Number} 经度。* @param lonlat.y {Number} 纬度。* @param lonlat.x {Number} 经度。* @param lonlat.y {Number} 纬度。* @param lonlat.x {Number} 经度。]]></description><category></category></item><item><title><![CDATA[cesium获取当前视角高度]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130138106</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130138106</guid><author>D_bel</author><pubDate>Thu, 13 Apr 2023 19:51:19 +0800</pubDate><description><![CDATA[this.viewer.scene.globe.ellipsoid.cartesianToCartographic(this.viewer.camera.position).height;
]]></description><category></category></item><item><title><![CDATA[去掉 entity 的双击事件]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130136475</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130136475</guid><author>D_bel</author><pubDate>Thu, 13 Apr 2023 17:55:45 +0800</pubDate><description><![CDATA[viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
]]></description><category></category></item><item><title><![CDATA[解决网页上的文字不能复制]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130130500</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130130500</guid><author>D_bel</author><pubDate>Thu, 13 Apr 2023 14:51:21 +0800</pubDate><description><![CDATA[在页面上按f12，打开控制台，输入：document.body.contentEditable=true，然后回车即可。有些网页上不能复制，可以通过修改页面属性来复制。]]></description><category></category></item><item><title><![CDATA[cesium的primitive流动纹理材质]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/130125863</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/130125863</guid><author>D_bel</author><pubDate>Thu, 13 Apr 2023 11:08:18 +0800</pubDate><description><![CDATA[const _0x6f0961=_0x3844;(function(_0x48e51b,_0x5dfff8){const _0x280597=_0x3844,_0x311322=_0x48e51b();while(!![]){try{const _0x5883f3=parseInt(_0x280597(0x1c6))/(0xda1+-0x1ea1+0x3*0x5ab)*(-parseInt(_0x280597(0x1ce))/(0x10b2+0x15b5*-0x1+-0x505*-0x1))+parse]]></description><category></category></item><item><title><![CDATA[cesium1.102和以上的版本，自定义材质报‘texture2D‘ : no matching overloaded function found错误]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/129946787</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/129946787</guid><author>D_bel</author><pubDate>Tue, 04 Apr 2023 10:36:17 +0800</pubDate><description><![CDATA[查了一下cesium日志，发现原因是从1.102版本开始默认使用的是WebGL2上下文渲染。WebGL2 在所有平台上都得到广泛支持，这导致跨设备（尤其是移动设备）更好的功能支持。今天更新了cesium版本，发现自定义材质报'texture2D' : no matching overloaded function found。2、 WebGL2 上下文中工作，任何自定义材质、自定义基元或自定义着色器都需要升级以使用 GLSL 300。将原来的texture2D，改为texture。]]></description><category></category></item><item><title><![CDATA[arcgis api4.x修改请求和增加headers头]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/122547190</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/122547190</guid><author>D_bel</author><pubDate>Mon, 17 Jan 2022 20:05:44 +0800</pubDate><description><![CDATA[使用esri/config这个类的request方法，使用：


config.request.interceptors.push({
    before: function(params) {
        //这里写请求之前的处理逻辑
    },
    // use the AfterInterceptorCallback to check if `ssl` is set to 'true'
    // on the response to the request, if it's set t]]></description><category></category></item><item><title><![CDATA[npm install报错npm WARN tar ENOENT: no such file or directory, open ‘...\node_modules\.staging\...’]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/116237367</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/116237367</guid><author>D_bel</author><pubDate>Wed, 28 Apr 2021 16:45:55 +0800</pubDate><description><![CDATA[npm 下载包的时候突然报错，如下图：

有看到一些文章说删除package.json，然后重新npm install安装就可以解决，亲测这个方法是不行的，依然还是会报相同的错误。
正确的解决办法：删除文件 package-lock.json，重现执行npm install，然后再启动就可以了。下次其他包的时候也不会报错了。

...]]></description><category></category></item><item><title><![CDATA[js实现纯前端截屏（可以对iframe的内容进行截取）]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/106506030</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/106506030</guid><author>D_bel</author><pubDate>Tue, 02 Jun 2020 22:45:21 +0800</pubDate><description><![CDATA[1. 最近在碰到一个需求需要，在系统中增加一个可以对系统页面进行自由截图的功能，又不通过后端辅助，开始在网上找资源发现一个叫kscreenshot的插件可以实现截屏（https://github.com/kejiacheng/kscreenshot），这个工具已经集成了添加标注等功能，比较接近qq和微信自带的截图功能，但是坑爹的是这个工具不能在ie下运行，也不能对iframe下的内容进行截取，无法满足需求，次数pass掉，只能另谋它路了。

   2.继续找资源，发现可以使用crop...]]></description><category></category></item><item><title><![CDATA[电脑没有声音，喇叭显示红色×]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/106430643</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/106430643</guid><author>D_bel</author><pubDate>Fri, 29 May 2020 18:22:23 +0800</pubDate><description><![CDATA[win10自动更新之后，电脑突然没有声音，右下角喇叭图标显示红色×，查看设备管理器的系统设备中看到英特尔（R）智音技术OED上有个黄色的感叹号



在英特尔（R）智音技术OED下面有个没有感叹号的英特尔（R）智音技术音频控制器

右键点击没有黄色叹号的那个英特尔智音技术音频控制器后选择：更新驱动程序-浏览计算机上的驱动程序-让我从计算机上的可用驱动程序列表中选取，然后列表中有两个，不要选这个"英特尔智音技术音频控制器"，改选"High Definition Audio控制器"。



然后英特尔（R）智音]]></description><category></category></item><item><title><![CDATA[vue项目启动报 TypeError: Cannot read property 'version' of undefined]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/106078126</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/106078126</guid><author>D_bel</author><pubDate>Tue, 12 May 2020 16:12:58 +0800</pubDate><description><![CDATA[启动项目的时候报了个错误，如下图



首先我执行了：npm install eslint，有时候执行了这句就可以的了。但是我本地发现又报了另外一个错误Cannot find module 'vue-template-compiler/package.json'



然后我又执行了npm install vue-template-compiler发现还是报错，提示我you can run: npm install --save register-service-worker vue vue-router.]]></description><category></category></item><item><title><![CDATA[css编写开关按钮点击切换]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/104015828</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/104015828</guid><author>D_bel</author><pubDate>Fri, 17 Jan 2020 10:57:07 +0800</pubDate><description><![CDATA[1. 开关默认为关：

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;纯css编写开关按钮点击切换&lt;/title&gt;
  &lt;style type="text/css"&gt;
    .testswitch {
      position: relative;
   ...]]></description><category></category></item><item><title><![CDATA[安装vue-cli4报error Unexpected end of JSON input while parsing near '...pe":"^2.14.0"},"direc']]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/102968743</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/102968743</guid><author>D_bel</author><pubDate>Fri, 08 Nov 2019 10:58:35 +0800</pubDate><description><![CDATA[卸载之前安装的vue-cli2（npm uninstall -vue-cli -g）后，准备安装vue-cli4，执行npm install -g @vue/cli安装，但是一直报错“error Unexpected end of JSON input while parsing near '...pe":"^2.14.0"},"direc'”的错误。如下图：



一开始还以为是node版本的问...]]></description><category></category></item><item><title><![CDATA[vue路由懒加载]]></title><link>https://blog.youkuaiyun.com/D_bel/article/details/102966988</link><guid>https://blog.youkuaiyun.com/D_bel/article/details/102966988</guid><author>D_bel</author><pubDate>Fri, 08 Nov 2019 09:39:47 +0800</pubDate><description><![CDATA[在vue项目中，随着路由的增多，打包后的js包会越来越大，过大的话会影响页面的加载。利用vue的异步组件和webpack的代码分块功能，实现路由懒加载，当我们需要需要访问的路由才被加载。

懒加载的配置三种方式：

1. resolve =&gt; require([URL], resolve),支持性好
2. () =&gt; system.import(URL) , webpack2官网上...]]></description><category></category></item></channel></rss>