小程序画布（二维地图线）

 首先开始是想用小程序兼容openlayers的，但是了解到用不了，那就用画布来解决

 实际效果如下

wxml中代码

<canvas id="trackDesignCanvas"     //指定 id 的 Canvas 组件class="orbit-canvas-main" type="2d"                  //指定 canvas 类型，支持 2d (2.9.0) 和 webgl (2.7.0)bindtap="ampliferImg"      //画布的点击事件
/>

 scss代码

 
.orbit-canvas-main {            //横屏width: 100%;height: 375.6649rpx;box-sizing: border-box;
}

js中代码

Page({data: {imgBaseUrl:"https://mpapi.sstlab.cn/pimg/orb_bg_10.jpg" ,//画布背景,tabelDate:[[0.3084,-0.1185],[0.0644,1.1531],[-0.1797,2.4246],[-0.4242,3.6961],[-0.6691,4.9675],[-0.9146,6.2388],[-1.1609,7.51],[-1.4081,8.781],[-1.6564,10.0519],[-1.9061,11.3226],[-2.1572,12.593],[-2.4099,13.8631],[-2.6645,15.133],[-2.9212,16.4026],[-3.18,17.6719],[-3.4414,18.9408],[-3.7054,20.2093],[-3.9724,21.4773],[-4.2426,22.745],[-4.5162,24.0121],[-4.7936,25.2788],[-5.075,26.545],[-5.3609,27.8105],[-5.6514,29.0755],[-5.947,30.3399],[-6.2482,31.6036],[-6.5553,32.8667],[-6.8688,34.129],[-7.1892,35.3905],[-7.517,36.6512],[-7.853,37.9111],[-8.1977,39.1701],[-8.5518,40.4281],[-8.9162,41.6852],[-9.2917,42.9412],[-9.6792,44.1961],[-10.08,45.4498],[-10.495,46.7022],[-10.9258,47.9533],[-11.3736,49.203],[-11.8402,50.4511],[-12.3275,51.6975],[-12.8376,52.9422],[-13.3728,54.1849],[-13.9358,55.4255],[-14.5299,56.6638],[-15.1584,57.8995],[-15.8256,59.1325],[-16.5362,60.3623],[-17.2958,61.5887],[-18.1108,62.8112],[-18.989,64.0293],[-19.9394,65.2424],[-20.9729,66.4499],[-22.1024,67.6507],[-23.3438,68.8438],[-24.7161,70.028],[-26.2429,71.2016],[-27.9532,72.3625],[-29.8832,73.508],[-32.078,74.6349],[-34.5945,75.7387],[-37.5039,76.8137],[-40.8959,77.8523],[-44.8808,78.8444],[-49.5909,79.7765],[-55.175,80.6307],[-61.7789,81.3839],[-69.5025,82.0074],[-78.3269,82.4691],[-88.033,82.738],[261.8273,82.7925],[251.8384,82.6279],[242.5355,82.2581],[234.254,81.7106],[227.1032,81.0177],[221.0311,80.2103],[215.9076,79.3142],[211.5816,78.3498],[207.9115,77.3328],[204.7757,76.2747],[202.0747,75.1843],[199.7287,74.0682],[197.6739,72.9314],[195.8599,71.7778],[194.2463,70.6102],[192.8008,69.4311],[191.4973,68.2421],[190.3146,67.045],[189.2354,65.8407],[188.2453,64.6303],[187.3326,63.4146],[186.4874,62.1942],[185.7012,60.9697],[184.9672,59.7415],[184.2791,58.51],[183.632,57.2756],[183.0214,56.0386],[182.4434,54.7991],[181.8948,53.5574],[181.3726,52.3137],[180.8743,51.0681],[180.3977,49.8208],[179.9408,48.5719],[179.5018,47.3215],[179.0792,46.0697],[178.6715,44.8166],[178.2775,43.5623],[177.8962,42.3069],[177.5264,41.0503],[177.1673,39.7928],[176.8181,38.5342],[176.4779,37.2748],[176.1461,36.0145],[175.8221,34.7533],[175.5052,33.4914],[175.195,32.2287],[174.891,30.9654],[174.5927,29.7013],[174.2997,28.4366],[174.0116,27.1713],[173.728,25.9055],[173.4487,24.639],[173.1732,23.3721],[172.9013,22.1047],[172.6328,20.8368],[172.3673,19.5685],[172.1047,18.2998],[171.8446,17.0308],[171.5869,15.7613],[171.3313,14.4916],[171.0777,13.2216],[170.8258,11.9513],[170.5754,10.6807],[170.3265,9.41],[170.0787,8.139],[169.832,6.8679],[169.5861,5.5966],[169.3409,4.3253],[169.0963,3.0538],[168.852,1.7823],[168.608,0.5108],[168.364,-0.7608],[168.1199,-2.0323],[167.8756,-3.3038],[167.6308,-4.5753],[167.3855,-5.8466],[167.1395,-7.1179],[166.8926,-8.3889],[166.6446,-9.6599],[166.3954,-10.9306],[166.1447,-12.2011],[165.8925,-13.4713],[165.6385,-14.7413],[165.3825,-16.011],[165.1244,-17.2803],[164.8638,-18.5493],[164.6006,-19.818],[164.3346,-21.0862],[164.0654,-22.354],[163.7929,-23.6213],[163.5167,-24.8881],[163.2365,-26.1544],[162.9521,-27.4202],[162.663,-28.6853],[162.369,-29.9499],[162.0696,-31.2138],[161.7644,-32.4771],[161.4529,-33.7396],[161.1347,-35.0014],[160.8092,-36.2624],[160.4758,-37.5225],[160.1339,-38.7818],[159.7828,-40.0401],[159.4216,-41.2975],[159.0497,-42.5538],[158.6659,-43.8091],[158.2694,-45.0631],[157.8589,-46.316],[157.4331,-47.5675],[156.9907,-48.8176],[156.5301,-50.0662],[156.0493,-51.3132],[155.5466,-52.5584],[155.0194,-53.8017],[154.4652,-55.043],[153.8811,-56.282],[153.2636,-57.5186],[152.6088,-58.7524],[151.9122,-59.9833],[151.1683,-61.2108],[150.3712,-62.4345],[149.5134,-63.654],[148.5863,-64.8688],[147.5797,-66.078],[146.4814,-67.281],[145.2764,-68.4766],[143.9467,-69.6637],[142.4704,-70.8408],[140.8201,-72.0058],[138.9622,-73.1564],[136.8546,-74.2895],[134.4442,-75.4009],[131.6646,-76.4855],[128.4323,-77.5363],[124.6434,-78.544],[120.1724,-79.4963],[114.8742,-80.3767],[108.5988,-81.1639],[101.2259,-81.8307],[92.7285,-82.3458],[83.2568,-82.6771],[73.1917,-82.7991],[63.0931,-82.7015],[53.5319,-82.3926],[44.9139,-81.8965],[37.4141,-81.245],[31.0209,-80.4699],[25.6207,-79.5987],[21.0646,-78.6536],[17.2061,-77.6514],[13.917,-76.6049],[11.0913,-75.5237],[8.6432,-74.4149],[6.5045,-73.2841],[4.621,-72.1353],[2.9493,-70.9717],[1.455,-69.7959],[0.1101,-68.6099],[-1.1079,-67.4151],[-2.2174,-66.2129],[-3.2336,-65.0043],[-4.169,-63.7902],[-5.0341,-62.5711],[-5.8377,-61.3478],[-6.5871,-60.1208],[-7.2888,-58.8903],[-7.948,-57.6567],[-8.5695,-56.4205],[-9.1572,-55.1817],[-9.7145,-53.9407],[-10.2446,-52.6976],[-10.75,-51.4525],[-11.233,-50.2058],[-11.6958,-48.9573],[-12.1402,-47.7074],[-12.5677,-46.456],[-12.9799,-45.2033],[-13.3779,-43.9494],[-13.7631,-42.6943],[-14.1363,-41.4381],[-14.4986,-40.1808],[-14.8508,-38.9226],[-15.1937,-37.6634],[-15.528,-36.4034],[-15.8544,-35.1425],[-16.1734,-33.8808],[-16.4856,-32.6183],[-16.7915,-31.3552],[-17.0915,-30.0913],[-17.3861,-28.8268],[-17.6757,-27.5617],[-17.9606,-26.296],[-18.2413,-25.0298],[-18.5179,-23.763],[-18.7908,-22.4957],[-19.0603,-21.228],[-19.3267,-19.9598],[-19.5902,-18.6913],[-19.8511,-17.4223],[-20.1095,-16.153],[-20.3657,-14.8833],[-20.6199,-13.6134],[-20.8724,-12.3432],[-21.1232,-11.0727],[-21.3725,-9.802],[-21.6206,-8.5311],[-21.8677,-7.2601],[-22.1138,-5.9888],[-22.3592,-4.7175],[-22.604,-3.4461],[-22.8483,-2.1746],[-23.0924,-0.903],[-23.1522,-0.5915]]},onLoad() {this.drawSatellite(this.data.tabelDate)      // data 数据见文章下 有一组经纬度数据 可直接用测试},drawSatellite (arrList) {    const query = wx.createSelectorQuery()query.select('#trackDesignCanvas').fields({ node: true, size: true }).exec((res) => {                     // 获取到选中的 Canvas 节点const canvas = res[0].nodeconst ctx = canvas.getContext('2d')  //获取到 Canvas 组件的 2D 绘图上下文对象const dpr = wx.getSystemInfoSync().pixelRatio  //用于获取设备的像素比canvas.width = res[0].width * dpr      // 获取宽canvas.height = res[0].height * dpr     // 获取高ctx.scale(dpr, dpr)  //设置为设备的像素比，以保证后续的绘制操作也能够进行高清屏幕适配。let width = res[0].width           //获取 Canvas 组件的原始宽度和高度let height = res[0].heightlet originPoint = width * 0.25    //计算出了一个原点的位置ctx.clearRect(0, 0, width, height)  //擦除了之前绘制的所有内容，准备进行新的绘制。ctx.beginPath()                   //开始一个新的路径，以便进行绘制操作划线// canvas背景图 const bg = canvas.createImage()                   //可以创建一个图片对象bg.src = `https://mpapi.sstlab.cn/pimg/orb_bg_10.jpg`   //自己的背景图片bg.onload = () => {ctx.drawImage(bg, 0, 0, width, height)ctx.translate(originPoint, 0)// canvas轨道ctx.beginPath()ctx.setLineDash([])for (let i = 0; i < arrList.length; i++) {let lon = arrList[i][0]let lat = arrList[i][1]let nowLon = lonlet nowLat = latlet lonc = this.calcCoord(lon, true, width)let latc = this.calcCoord(lat, false, height)let nextLon = arrList[i + 1] && arrList[i + 1][0]let nextLat = arrList[i + 1] && arrList[i + 1][1]ctx.lineTo(lonc, latc)if (nextLon) {let diff = nextLon - lonif (Math.abs(diff) > 180) {let supLat = this.calcAngle(nowLon, nowLat, nextLon, nextLat)console.log('164========', nowLon, nextLon, supLat)ctx.lineTo(this.calcCoord(nowLon > nextLon ? 270 : -90, true, width), this.calcCoord(supLat, false, height))let lon = arrList[i + 1][0]let lat = arrList[i + 1][1]lon = this.calcCoord(lon, true, width)lat = this.calcCoord(lat, false, height)ctx.moveTo(lon, lat)ctx.lineTo(this.calcCoord(nowLon < nextLon ? 270 : -90, true, width), this.calcCoord(supLat, false, height))}}}ctx.strokeStyle = 'red'ctx.stroke()// canvas经纬线ctx.beginPath()ctx.setLineDash([1, 2])ctx.font = "12px serif"ctx.fillStyle = "#666666"{// 60度纬线ctx.moveTo(originPoint * -1, height / 6)ctx.lineTo(width - originPoint, height / 6)ctx.fillText("60", originPoint * -1, height / 6)// 30度纬线ctx.moveTo(originPoint * -1, height / 3)ctx.lineTo(width - originPoint, height / 3)ctx.fillText("30", originPoint * -1, height / 3)// 0度纬线ctx.moveTo(originPoint * -1, height / 2)ctx.lineTo(width - originPoint, height / 2)ctx.fillText("0", originPoint * -1, height / 2)// -30度纬线ctx.moveTo(originPoint * -1, height - (height / 3))ctx.lineTo(width - originPoint, height - (height / 3))ctx.fillText("-30", originPoint * -1, height - (height / 3))// -60度纬线ctx.moveTo(originPoint * -1, height - (height / 6))ctx.lineTo(width - originPoint, height - (height / 6))ctx.fillText("-60", originPoint * -1, height - (height / 6))}{// 0度经线ctx.moveTo(0, 0)ctx.lineTo(0, height)ctx.fillText("0", 0, height)// 30度经线ctx.moveTo(width / 12, 0)ctx.lineTo(width / 12, height)ctx.fillText("30", width / 12, height)// 60度经线ctx.moveTo(width / 6, 0)ctx.lineTo(width / 6, height)ctx.fillText("60", width / 6, height)// 90度经线ctx.moveTo(width / 4, 0)ctx.lineTo(width / 4, height)ctx.fillText("90", width / 4, height)// 120度经线ctx.moveTo(width / 3, 0)ctx.lineTo(width / 3, height)ctx.fillText("120", width / 3, height)// 150度经线ctx.moveTo(width / 2.4, 0)ctx.lineTo(width / 2.4, height)ctx.fillText("150", width / 2.4, height)// 180度经线ctx.moveTo(width / 2, 0)ctx.lineTo(width / 2, height)ctx.fillText("180", width / 2, height)// -150度经线ctx.moveTo(width - (width / 2.4), 0)ctx.lineTo(width - (width / 2.4), height)ctx.fillText("-150", width - (width / 2.4), height)// -120度经线ctx.moveTo(width - (width / 3), 0)ctx.lineTo(width - (width / 3), height)ctx.fillText("-120", width - (width / 3), height)// -60度经线ctx.moveTo(width / 6 * -1, 0)ctx.lineTo(width / 6 * -1, height)ctx.fillText("-60", width / 6 * -1, height)// -30度经线ctx.moveTo(width / 12 * -1, 0)ctx.lineTo(width / 12 * -1, height)ctx.fillText("-30", width / 12 * -1, height)}ctx.strokeStyle = '#333333'ctx.stroke()wx.canvasToTempFilePath({canvas,fileType: 'png',success: (res) => {console.log('canvasToTempFilePath success', res)this.setData({tempFilePath: res.tempFilePath})},fail: (e) => {console.log('canvasToTempFilePath fail', e)}})}})},//地理坐标和Canvas尺寸，将地理坐标转换为Canvas上的坐标值，以便在Canvas上绘制地图或其他地理信息。calcCoord(num, isLon, length) {if (isLon) {return num / 360 * length} else {let latc = 180 - (num + 90)latc = latc / 180 * lengthreturn latc}},//计算角度跨越180°经线的情况calcAngle(a, b, c, d) {if (a > c) {c += 360;} else {a += 360;}return this.linear(a, b, c, d, 270)},/*** 线性插值* @param {Number} x1 插值节点1* @param {Number} y1 插值节点函数值1* @param {Number} x2 插值节点2* @param {Number} y2 插值节点函数值2* @param {Number} x 插值点* @return {Number} 插值点函数值* @note x1 != x2*/linear(x1, y1, x2, y2, x) {return y1 + ((y2 - y1) / (x2 - x1)) * (x - x1);
},//点击图片指定的图片进行预览显示ampliferImg () {wx.previewImage({urls: [ this.data.tempFilePath ],success: (e) => {console.log('previewImage success', e)},fail: (e) => {console.log('previewImage fail', e)}})},
})

如果说需要手机竖屏显示则需要调整参数

 wxss代码


.orbit-canvas-main {     //竖屏width: 100%;height: 1497.345rpx;box-sizing: border-box;
}

 js中代码，其实两者差不多，就是把width 和height换一下，用哪个直接用了

  drawSatellite (arrList) {       //第一组代码有数据自取const query = wx.createSelectorQuery()query.select('#trackDesignCanvas').fields({ node: true, size: true }).exec((res) => {const canvas = res[0].nodeconst ctx = canvas.getContext('2d')const dpr = wx.getSystemInfoSync().pixelRatiocanvas.width = res[0].width * dprcanvas.height = res[0].height * dprctx.scale(dpr, dpr)let width = res[0].widthlet height = res[0].heightlet originPoint = height * 0.25console.log(width, height)ctx.clearRect(0, 0, width, height)ctx.beginPath()// canvas背景图const bg = canvas.createImage()bg.src = `https://mpapi.sstlab.cn/pimg/orb_bg_10.jpg`bg.onload = () => {// 移动canvas原点ctx.translate(width, 0)// 旋转ctx.rotate(Math.PI / 2)ctx.drawImage(bg, 0, 0, height, width)// 重置canvas// ctx.rotate(-Math.PI / 2)// ctx.translate(-width, 0)ctx.translate(originPoint, 0)// canvas轨道ctx.beginPath()ctx.setLineDash([])for (let i = 0; i < arrList.length; i++) {let lon = arrList[i][0]let lat = arrList[i][1]let nowLon = lonlet nowLat = latlet lonc = this.calcCoord(lon, true, height)let latc = this.calcCoord(lat, false, width)let nextLon = arrList[i + 1] && arrList[i + 1][0]let nextLat = arrList[i + 1] && arrList[i + 1][1]ctx.lineTo(lonc, latc)if (nextLon) {let diff = nextLon - lonif (Math.abs(diff) > 180) {let supLat = this.calcAngle(nowLon, nowLat, nextLon, nextLat)console.log('164========', nowLon, nextLon, supLat)ctx.lineTo(this.calcCoord(nowLon > nextLon ? 270 : -90, true, height), this.calcCoord(supLat, false, width))let lon = arrList[i + 1][0]let lat = arrList[i + 1][1]lon = this.calcCoord(lon, true, height)lat = this.calcCoord(lat, false, width)ctx.moveTo(lon, lat)ctx.lineTo(this.calcCoord(nowLon < nextLon ? 270 : -90, true, height), this.calcCoord(supLat, false, width))}}}ctx.strokeStyle = 'red'ctx.stroke()// canvas经纬线ctx.beginPath()ctx.setLineDash([1, 2])ctx.font = "12px serif"ctx.fillStyle = "#666666"{// 60度纬线ctx.moveTo(originPoint * -1, width / 6)ctx.lineTo(height - originPoint, width / 6)ctx.fillText("60", originPoint * -1, width / 6)// 30度纬线ctx.moveTo(originPoint * -1, width / 3)ctx.lineTo(height - originPoint, width / 3)ctx.fillText("30", originPoint * -1, width / 3)// 0度纬线ctx.moveTo(originPoint * -1, width / 2)ctx.lineTo(height - originPoint, width / 2)ctx.fillText("0", originPoint * -1, width / 2)// -30度纬线ctx.moveTo(originPoint * -1, width - (width / 3))ctx.lineTo(height - originPoint, width - (width / 3))ctx.fillText("-30", originPoint * -1, width - (width / 3))// -60度纬线ctx.moveTo(originPoint * -1, width - (width / 6))ctx.lineTo(height - originPoint, width - (width / 6))ctx.fillText("-60", originPoint * -1, width - (width / 6))}{// 0度经线ctx.moveTo(0, 0)ctx.lineTo(0, width)ctx.fillText("0", 0, width)// 30度经线ctx.moveTo(height / 12, 0)ctx.lineTo(height / 12, width)ctx.fillText("30", height / 12, width)// 60度经线ctx.moveTo(height / 6, 0)ctx.lineTo(height / 6, width)ctx.fillText("60", height / 6, width)// 90度经线ctx.moveTo(height / 4, 0)ctx.lineTo(height / 4, width)ctx.fillText("90", height / 4, width)// 120度经线ctx.moveTo(height / 3, 0)ctx.lineTo(height / 3, width)ctx.fillText("120", height / 3, width)// 150度经线ctx.moveTo(height / 2.4, 0)ctx.lineTo(height / 2.4, width)ctx.fillText("150", height / 2.4, width)// 180度经线ctx.moveTo(height / 2, 0)ctx.lineTo(height / 2, width)ctx.fillText("180", height / 2, width)// -150度经线ctx.moveTo(height - (height / 2.4), 0)ctx.lineTo(height - (height / 2.4), width)ctx.fillText("-150", height - (height / 2.4), width)// -120度经线ctx.moveTo(height - (height / 3), 0)ctx.lineTo(height - (height / 3), width)ctx.fillText("-120", height - (height / 3), width)// -60度经线ctx.moveTo(height / 6 * -1, 0)ctx.lineTo(height / 6 * -1, width)ctx.fillText("-60", height / 6 * -1, width)// -30度经线ctx.moveTo(height / 12 * -1, 0)ctx.lineTo(height / 12 * -1, width)ctx.fillText("-30", height / 12 * -1, width)}ctx.strokeStyle = '#333333'ctx.stroke()wx.canvasToTempFilePath({canvas,fileType: 'png',success: (res) => {console.log('canvasToTempFilePath success', res)this.setData({tempFilePath: res.tempFilePath})},fail: (e) => {console.log('canvasToTempFilePath fail', e)}})}})},

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://xiahunao.cn/news/2805672.html

如若内容造成侵权/违法违规/事实不符，请联系瞎胡闹网进行投诉反馈，一经查实，立即删除！

相关文章

C++之deque

C++之deque

一、vector与list的优缺点 vector的优点&#xff1a;下标的随机访问&#xff0c;尾插&#xff0c;尾删效率高。CPU高速缓存命中率高vector的缺点&#xff1a;扩容(效率&#xff0c;空间浪费)&#xff0c;不适合头插头删。 连续的物理空间为他带来了优点也带来了缺点&#xff0c…
阅读更多...
C++入门学习（三十六）函数的声明

C++入门学习（三十六）函数的声明

程序是自上而下运行的&#xff0c;比如我下面的代码&#xff1a; #include <iostream> #include<string> using namespace std;int main() { int a1; int b2;int sumaddNumbers(a,b); cout<<sum;return 0; }int addNumbers(int a, int b) { int sum …
阅读更多...
2.23数据结构

2.23数据结构

单向循环链表 创建单向循环链表&#xff0c;创建节点 &#xff0c;头插&#xff0c;按位置插入&#xff0c;输出&#xff0c;尾删&#xff0c;按位置删除功能 //main.c #include "loop_list.h" int main() {loop_p Hcreate_head();insert_head(H,12);insert_head(…
阅读更多...
基于Mapbox展示GDAL处理的3D行政区划展示实践

基于Mapbox展示GDAL处理的3D行政区划展示实践

目录 前言 一、Gdal数据处理 1、数据展示 2、Java数据转换 二、Mapbox可视化 1、定义Mapbox地图 2、地图初始化 3、创建地图 三、界面优化 1、区域颜色设置 2、高度自适应和边界区分 3、中文标注 总结 前言 最近有遇到一个需求&#xff0c;用户想在地图上把行政区划…
阅读更多...
【新书推荐】8.1 数据传送指令

【新书推荐】8.1 数据传送指令

第八章 8086指令系统 我们把汇编指令称为机器语言的指令助记符&#xff0c;每一条汇编指令都对应一条机器指令。X86 CPU厂商AMD和INTEL提供硬编码表。编译器或者调试器就是通过查表的方式&#xff0c;将汇编指令翻译成机器指令&#xff0c;或者将机器指令反编译成汇编指令。 …
阅读更多...
matplotlib绘图初步

matplotlib绘图初步

文章目录 绘制曲线图完整流程图像属性 绘制曲线图 matplotlib是python中最常用的可视化库&#xff0c;提供了不同坐标系下的二十余种常用图像&#xff0c;并且提供了动态图像绘制的方法&#xff0c;可以满足科学计算中的绝大多数可视化需求。而在matplotlib中&#xff0c;绝大…
阅读更多...
RM电控讲义【HAL库篇】（二）

RM电控讲义【HAL库篇】（二）

8080并口模式是一种常见的计算机接口模式&#xff0c;主要用于LCD&#xff08;液晶显示屏&#xff09;模块。 在8080并口模式中&#xff0c;通信端口包括多种信号线&#xff0c;用于实现数据的读写和控制功能。主要的信号线包括&#xff1a; CS&#xff08;片选信号&#xff…
阅读更多...
【开源】JAVA+Vue.js实现大病保险管理系统

【开源】JAVA+Vue.js实现大病保险管理系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 系统配置维护2.2 系统参保管理2.3 大病保险管理2.4 大病登记管理2.5 保险审核管理 三、系统详细设计3.1 系统整体配置功能设计3.2 大病人员模块设计3.3 大病保险模块设计3.4 大病登记模块设计3.5 保险审核模块设计 四、…
阅读更多...
【Linux】 yum命令使用

【Linux】 yum命令使用

yum命令 yum&#xff08; Yellow dog Updater, Modified&#xff09; 是一个在 Fedora、CentOS 及其它一些基于 RPM 的 Linux 发行版中使用的包管理器。它允许用户自动安装、更新、配置和删除软件包。yum 由 Python 写成&#xff0c;基于 RPM&#xff08;Red Hat Package Mana…
阅读更多...
端口占用：Web server failed to start. Port XXX was already in use.原因分析-解决方案

端口占用：Web server failed to start. Port XXX was already in use.原因分析-解决方案

一、windows 1.Web server failed to start. Port XXX was already in use出错原因分析 端口被占用了&#xff0c;我们只需要换一个端口就可以了&#xff0c;如果就想要用特定的端口&#xff0c;我们需要使用下面的命令&#xff0c;先找到对应端口号的进程号&#xff0c;然后结…
阅读更多...
面试经典150题 -- 二叉树搜索树 (总结)

面试经典150题 -- 二叉树搜索树 (总结)

总的链接 : https://leetcode.cn/studyplan/top-interview-150/ 二叉搜索树相关概念 : 二叉搜索树是一个有序树。 若它的左子树不空&#xff0c;则左子树上所有结点的值均小于它的根结点的值&#xff1b;若它的右子树不空&#xff0c;则右子树上所有结点的值均大于它的根结…
阅读更多...
音视频开发之旅（68）-SD文生图

音视频开发之旅（68）-SD文生图

目录 效果展示 sd使用流程&#xff1a;选大模型、写关键词和设置参数 SDWebui文生图调用流程 StableDiffusion原理浅析 参考资料 一、效果显示 1girl,smile,highres,wallpaper,in summer,landscape 1girl,smile,highres,wallpaper,in summer,city,street 二、sd使用流程&a…
阅读更多...
算法-两两交换链表中的节点

算法-两两交换链表中的节点

1、题目来源 24. 两两交换链表中的节点 - 力扣&#xff08;LeetCode&#xff09; 2、题目描述 给你一个链表&#xff0c;两两交换其中相邻的节点&#xff0c;并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题&#xff08;即&#xff0c;只能进行节点交…
阅读更多...
128 Linux 系统编程6 ，C++程序在linux 上的调试，GDB调试

128 Linux 系统编程6 ，C++程序在linux 上的调试，GDB调试

今天来整理 GDB 调试。 在windows 上我们使用vs2017开发&#xff0c;可以手动的加断点&#xff0c;debug。 那么在linux上怎么加断点&#xff0c;debug呢&#xff1f;这就是今天要整理的GDB调试工具了。 那么有些同学可能会想到&#xff1a;我们在windows上开发&#xff0c;…
阅读更多...
爬取数位观察城市数据代码展示

爬取数位观察城市数据代码展示

import requests import json from Crypto.Cipher import AES # 开始解密 from Crypto.Util.Padding import unpad #去填充的逻辑 import base64 url https://app.swguancha.com/client/v1/cPublic/consumer/baseInfo data {current: 1,"dimensionTime": "20…
阅读更多...
【MySQL 探索之旅】初始MySQL数据库

【MySQL 探索之旅】初始MySQL数据库

&#x1f4da;博客主页&#xff1a;爱敲代码的小杨. ✨专栏&#xff1a;《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 ❤️感谢大家点赞&#x1f44d;&#x1f3fb;收藏⭐评论✍&#x1f3fb;&#xff0c;您的三连就是我持续更新的动力❤️ &#x1f64f;小杨水平有…
阅读更多...
分布式应用：kylin 部署 zabbix 监控平台

分布式应用：kylin 部署 zabbix 监控平台

目录 一、实验 1.环境 2. kylin 修改mysql数据库 3. kylin 部署 zabbix 监控平台 4. kylin 修改 zabbix 配置 5. kylin 修改zabbix web 二、问题 1. zabbix_server 查看版本报错 2.zabbix_server 文件如何去掉注释"#"和空行 3. zabbix图表显示异常 4.zabbi…
阅读更多...
osg qt5.15 osg3.6.3 osgEarth3.1 编译爬山

osg qt5.15 osg3.6.3 osgEarth3.1 编译爬山

Demo演示&#xff1a;Qt5.15.2OSG3.6.3OsgEarth3.1的QtCreator下的msvc2019x64版本 osgQt编译 步骤一&#xff1a;下载解压 步骤二&#xff1a;CMake配置 步骤三&#xff1a;CMake配置添加osg环境 步骤四&#xff1a;CMake配置添加Qt环境 步骤五&#xff1a;CMake修改CMakeLis…
阅读更多...
【Python笔记-设计模式】享元模式

【Python笔记-设计模式】享元模式

一、说明 享元模式是一种结构型设计模式&#xff0c;它摒弃了在每个对象中保存所有数据的方式&#xff0c;通过共享多个对象所共有的相同状态&#xff0c;让你能在有限的内存容量中载入更多对象。 (一) 解决问题 旨在减少大量相似对象创建时的内存开销 (二) 使用场景 大量…
阅读更多...
可视化 RAG 数据 - 用于检索增强生成的 EDA

可视化 RAG 数据 - 用于检索增强生成的 EDA

每日推荐一篇专注于解决实际问题的外文，精准翻译并深入解读其要点，助力读者培养实际问题解决和代码动手的能力。 欢迎关注公众号（NLP Research），及时查看最新内容 原文标题：Visualize your RAG Data — EDA for Retrieval-Augmented Generation 原文地址：https://medi…
阅读更多...
最新文章

Copyright @ 2022~2023