## 😘欢迎

正如你所见，龙龙知识库 Dragon Repository 是一个知识存储网站

初衷是记录一下在程序员旅途中💻︎
- 🌟 每天的突发灵感
- 🕳 那些一起掉过的坑
- 📖 发生在身边的有趣的事
- 📕 记录一些感觉比较重要的资料


## 🐼Me

全栈程序员，喜欢研究稀奇古怪的东西

### 技能

* JavaScript、HTML、CSS、Vue、React 的拼写
* Linux、windows、macOS 的开关机方式
* Git 的 pull 和 push，并注册了 GitHub 帐号刷了一些 star
* ~~HTML5、JavaScript、Vue3、Vue2、Python、NodeJS、.NET~~
* ~~SQLServer、Mysql、pgsql、sqlite等主流数据库的使用~~
* ~~Linux、windows等各种操作系统环境的搭建和运维以及Nginx配置维护~~

### 联系

* WeChat: gkdqnl
* QQ:1354028326
* Email:  <a href="mailto:gkdqnl@qq.com">gkdqnl@qq.com</a>
* GitHub: <https://github.com/lydhl>

你好，欢迎 ~

- pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
- Anaconda3
- 更改requirements.txt>=为= 然后pip install -r requirements.txt
- https://developer.download.nvidia.cn/compute/cuda/11.0.2/local_installers/cuda_11.0.2_451.48_win10.exe
- https://www.python.org/ftp/python/3.8.6/python-3.8.6.exe
- pip install mouse
- pip install keyboard
- pip install pywin32
- pip install pynput
- pip install PyQt5
- pip install opencv-python
- pip install psutil
- pip install ultralytics
- pip install pyautogui


从零开始的yolo学习之旅

## Geoserver配置
1. 准备 GeoTIFF 文件
确保 TIFF 文件是 GeoTIFF 格式（包含地理坐标信息）。

如果文件没有坐标信息，可以使用 QGIS、ArcGIS 等工具添加地理参考。

2. 登录 GeoServer
打开浏览器，输入 GeoServer 地址（默认是 http://localhost:8080/geoserver）。


使用管理员账号登录（默认账号 admin，密码 geoserver）。

3. 创建工作区
- 左侧菜单点击 【工作区】。
- 点击 【添加新的工作区】。
- 填写：
- 名称：自定义（如 my_workspace）。
- 命名空间 URI：可填写 http://my_workspace（仅需保持唯一性）。
- 点击 【提交】。

4. 创建数据存储
- 左侧菜单点击 【存储】。
- 点击 【添加新的数据存储】。
- 选择 【GeoTIFF】 作为数据源类型。
- 配置参数：
- 工作区：选择刚创建的工作区（如 my_workspace）。
- 数据源名称：自定义（如 my_tif_store）。
- 连接参数 > URL：点击 【浏览】，上传你的 GeoTIFF 文件。
- 点击 【保存】。

5. 发布图层
创建存储后，页面会自动跳转到 【发布图层】 界面。

在 【图层列表】 中找到你的 GeoTIFF 文件，点击 【发布】。

配置图层参数：

- 名称：图层标识（如 my_tif_layer）。
- 标题：图层显示名称（如 我的TIFF图层）。
- 摘要：描述信息（可选）。
- 坐标系：
- 声明：确保 EPSG 代码正确（如 EPSG:4326 或 EPSG:3857）。
- SRS处理：选择 强制声明。
- 边界框：点击 【从数据中计算】 自动生成地理范围。
- 点击 【保存】。

6. 预览 WMS 服务
左侧菜单点击 【图层预览】。

找到刚发布的图层（如 my_tif_layer）。

点击 【OpenLayers】 或 【WMS】 链接，查看地图是否正常显示。

## 如何去掉黑色或其他纯色的背景色
1. 打开编辑图层界面→数据
2. 覆盖参数在Input Transparent Color填入需要覆盖的颜色比如我想把给色变为透明，则设置#000000
## Mars3D前端加载部分

```js
const initwmslayertest = (layername) => {
  // 定义 WMS 服务的 URL，指向 GeoServer
  let url = 'http://xxxxxxxxxxxxx/geoserver/zzmtest/wms';
  
  // 创建一个 WMS 图层实例
  let tileLayer = new mars3d.layer.WmsLayer({
    zIndex: 1000, // 设置图层的叠放顺序，1000 代表较高的层级
    url: url, // 指定 WMS 服务的 URL
    id: layername, // 设置图层的唯一 ID，便于管理
    name: layername, // 设置图层的名称
    opacity: 0.5, // 设置图层透明度，0.5 代表半透明
    layers: "NDVI", // 指定 WMS 请求的图层名称，需与 GeoServer 配置一致
    parameters: {
      transparent: true, // 使图层背景透明
      format: 'image/png', // 设置返回的图片格式为 PNG
    },
    getFeatureInfoParameters: {
      feature_count: 30, // 设置点击时最多返回的要素数量
    },
    popupOptions: {
      horizontalOrigin: Cesium.HorizontalOrigin.LEFT, // 设置弹出框的水平对齐方式
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM, // 设置弹出框的垂直对齐方式
      offsetX: -14, // 调整弹出框的水平偏移量
    },
    show: false, // 默认不显示图层
    featureToGraphic: mars3d.Util.geoJsonToGraphics, // 将 WMS 返回的 GeoJSON 数据转换为矢量图形
  });
  
  // 将创建的 WMS 图层添加到地图中
  window.map.addLayer(tileLayer);
  
  // 监听 WMS 图层的 click 事件，获取点击位置的数据信息
  tileLayer.on(mars3d.EventType.click, (event) => {
    if (event) {
      console.log(event); // 打印点击事件返回的数据，便于调试
    }
  });
}


```

geoserver如何将tif发布为WMS服务并在mars3D前端展示

# 🍔如何快速用ES6写法实现字符串的截取和拼接
### 一、拼接
使用场景为把数组循环把数组内对象某一字段逗号分隔拼接成一个字符串

```js
const idString = data.map(item => item.id).join(',');
```
### 二、分隔
使用场景为把字符串拆分为数组并去除多余空格

```js
const nodeIdlist = nodestr.split(',').map(id => id.trim());
```

Js如何快速处理字符串拼接

使用 JavaScript 的 `filter` 方法来筛选第一个数组中的对象，检查它们的 `name` 属性是否存在于第二个数组中。以下是一个示例代码：


```javascript
const array1 = [
  { name: "123", text: "asdad" },
  { name: "456", text: "sdca" },
  // 其他对象...
];


const array2 = ["123", "789", "456"]; // 示例数组2

const result = array1.filter(item => array2.includes(item.name));

console.log(result); // 打印符合条件的对象
```

这个代码的工作原理如下：
1. 使用 `filter` 方法遍历 `array1` 中的每个对象。
2. 对于每个对象，使用 `includes` 方法检查 `array2` 中是否包含该对象的 `name` 属性。
3. 如果包含，则该对象会被保留在结果数组 `result` 中。
4. 最后，打印 `result` 数组，其中包含所有符合条件的对象。