maptalks引入minemap地图资源插件：maptalks.minedata

最新推荐文章于 2025-09-05 18:00:23 发布
原创 最新推荐文章于 2025-09-05 18:00:23 发布 · 632 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #GIS #maptalks #minemap #地图

在基于maptalks的合作项目中，遇到minemap地图资源的集成挑战。经过一天的尝试，成功引入maptalks.minedata插件。关键在于将minemap.js和minemap.css升级到2.1.0版本，遵循官方说明进行操作。

基于合作项目需要maptalks需要使用minemap地图资源，找到插件maptalks.minedata

https://github.com/sakitam-gis/maptalks.minedata

踩了将近一天坑最终成功引入，插件官方给出的文件注意把minemap.js和minemap.css的版本升级到2.1.0即可。其他按照官方说明执行

 

maptalks:数据归一化处理与分层设色图层加载
席木木的博客
06-24 603
在地图功能开发过程中，有根据区划统计数值，实现分层设色的需求。如：有以下人口总数统计数据（其中AREA表示行政区划编码，POPDENSITY表示人口总数数值），现在需要根据人口总数，实现分层设色，来对人口空间分布特征进行可视化展示。......
minemap 点选3d模型
qq_64803883的博客
03-18 1967
minemap 点选是通过map.queryRenderedFeatures来实现的，这个方法用的最多的是在地图的点击事件中进行相关操作；最近有个需求要点击相关模型信息来选中模型，在官方文档中并没有找到手动勾选模型的方法，于是根据queryRenderedFeatures来寻求解决办法。 最终效果 关键代码 const clickChose = () => { // 需先将模型的经纬度设置为center global3D.map.setCenter([116...
minemap地图字体替换笔记
yangguangxiadewo的专栏
11-29 672
mimemap字体本地部署
MineMap开发教程：glTF三维模型加载与变换技术详解
最新发布
weixin_42568040的博客
09-05 440
在现代三维地理信息系统中，三维模型的加载与变换是构建沉浸式地理场景的核心技术。MineMap 4.0 引擎基于先进的 WebGL 渲染技术，提供了强大的三维模型处理能力，支持 GLTF/GLB 格式模型的高效加载、精确定位、灵活变换和实例化渲染。本文将深入分析 MineMap 4.0 的三维模型技术实现，重点讲解 SceneModel 类的核心机制和实际应用。 GLTF（GL Transmission Format）是 Khronos Group 开发的三维场景和模型传输格式，被誉为"三维界的 JPEG"
MineMap开发教程：北斗网格位置码用户数据集成技术详解
weixin_42568040的博客
09-04 867
在上一篇《MineMap 4.0 北斗网格位置码实时调度技术详解》中，我们深入探讨了 MineMap 4.0 引擎的自动网格生成和实时调度机制。本文作为系列教程的第二篇，将重点介绍如何在 MineMap 4.0 中集成用户自定义的北斗网格数据，实现基于外部数据源的三维网格可视化。通过本文，您将学会如何将来自服务端的北斗网格数据无缝集成到 MineMap 4.0 引擎中，实现与三维模型的协同显示，为智慧城市、数字孪生等应用场景提供强大的数据可视化支撑。
如何编写 maptalks plugin
weixin_34247299的博客
06-18 433
前面写过 maptalks plugin ( ArcGISTileLayer )，有读者留言说文章写得太精简，根据文章给出的核心代码没办法写出一个完整的 plugin ( 文中有完整 demo 地址，可能太隐蔽 )，这篇文章具体地说下 plugin 如何编写，并实现一个 plugin ( WMTSTileLayer )。 学习一个新东西，最好的方式就是找官方文档。这里介绍一种捷径( 个人认为 )，...
VUE中天地图基于maptalks加载（影像）
Aa12364567的博客
08-12 1808
vue中基于maptalks加载天地图（影像）
minemap官方文档.zip
11-19
minemap官方文档，地图开发 minemap-server-resource-configuration.docx minemap-js-api-2.0.0.docx minedata-data-service-guide.docx
minemap.js:31 Error: Failed to fetch at minemap.js:31:11469 minemap.js:31 GET http://localhost:8080/64.80.7.21:12807/images/jk_unline.png 404 (Not Found) VM116207 index.js:1632 ====================loadImages================== e {status: 404, url: 'http:/64.80.7.21:12807/images/jk_unline.png', name: 'e', message: 'Not Found'} VM116207 index.js:1632 ====================loadImages================== Error: Not Found at minemap.js:31:11469 minemap.js:31 GET http://localhost:8080/64.80.7.21:12807/%20/images/jk_online.png 404 (Not Found) VM116207 index.js:1632 ====================loadImages================== e {status: 404, url: 'http:/64.80.7.21:12807/ /images/jk_online.png', name: 'e', message: 'Not Found'} VM116207 index.js:1632 ====================loadImages================== Error: Not Found at minemap.js:31:11469
07-24
</think>### 修复 MineMap.js 设备图标加载失败问题 #### 问题诊断 1. **图标 404 错误**：路径配置错误或资源未正确部署 2. **序号不显示**：图层顺序错误或文本渲染问题 3. **无报错但图标缺失**：异步加载时序...
minemap.js:31 Error: layers.device-labels.layout.text-background-color: unknown property "text-background-color" at Object.In [as emitValidationErrors] (minemap.js:31:158571) at ii (minemap.js:35:123706) at i._validate (minemap.js:35:147183) at i.addLayer (minemap.js:35:137345) at n.addLayer (minemap.js:35:424802) minemap.js:31 Error: layers.device-labels.layout.text-background-radius: unknown property "text-background-radius" at Object.In [as emitValidationErrors] (minemap.js:31:158571 minemap.js:31 Error: layers.device-labels.layout.text-background-padding: unknown property "text-background-padding" showDevicesOnMap(devices) { // 清除旧图层和资源 ["devices-layer", "device-labels", "selection-layer"].forEach( (layerId) => { if (this.mapObj.getLayer(layerId)) this.mapObj.removeLayer(layerId); } ); if (this.mapObj.getSource("devices-source")) { this.mapObj.removeSource("devices-source"); } // 创建GeoJSON数据源 const geojson = { type: "FeatureCollection", features: devices.map((device, index) => ({ type: "Feature", geometry: { type: "Point", coordinates: [device.longitude, device.latitude], }, properties: { ...device, index: index + 1, isSelected: this.selectedDeviceId === device.id, }, })), }; // 添加数据源 this.mapObj.addSource("devices-source", { type: "geojson", data: geojson, }); // 预加载图标 const loadImage = (name, url) => { return new Promise((resolve) => { if (this.mapObj.hasImage(name)) return resolve(); this.mapObj.loadImage(url, (error, image) => { if (error) throw error; this.mapObj.addImage(name, image); resolve(); }); }); }; Promise.all([ loadImage("jk_online", "/images/jk_online.png"), loadImage("jk_unline", "/images/jk_unline.png"), ]).then(() => { // 添加设备图标层 this.mapObj.addLayer({ id: "devices-layer", type: "symbol", source: "devices-source", layout: { "icon-image": [ "case", ["==", ["get", "online"], true], "jk_online", "jk_unline", ], "icon-size": 0.8, "icon-anchor": "bottom", "icon-allow-overlap": true, }, }); // 添加序号标签层（关键修改） this.mapObj.addLayer({ id: "device-labels", type: "symbol", source: "devices-source", layout: { "text-field": ["get", "index"], // 显示序号 "text-font": ["Noto Sans Bold"], "text-size": 12, "text-offset": [0, -1.8], // 位置调整到图标上方 "text-anchor": "top", "text-background-color": [ "case", ["==", ["get", "isSelected"], true], "#FF6666", // 选中时红色背景 "#45CCDA", // 未选中时蓝色背景 ], "text-background-radius": 10, // 圆形背景 "text-background-padding": [5, 4], // 控制圆形大小 "text-allow-overlap": true, }, paint: { "text-color": "#FFFFFF", // 白色文字 "text-halo-color": "rgba(0, 0, 0, 0.5)", "text-halo-width": 1, }, }); // 添加选中状态的高亮圈 this.mapObj.addLayer({ id: "selection-layer", type: "circle", source: "devices-source", paint: { "circle-radius": 15, "circle-color": "#FF6666", "circle-opacity": ["case", ["get", "isSelected"], 1, 0], }, }); }); // 点击事件处理（支持点击图标和标签） this.mapObj.on("click", ["devices-layer", "device-labels"], (e) => { if (e.features.length > 0) { const deviceId = e.features[0].properties.id; this.toggleDeviceSelection(deviceId); } }); // 添加悬停效果 this.mapObj.on("mouseenter", ["devices-layer", "device-labels"], () => { this.mapObj.getCanvas().style.cursor = "pointer"; }); this.mapObj.on("mouseleave", ["devices-layer", "device-labels"], () => { this.mapObj.getCanvas().style.cursor = ""; }); }, toggleDeviceSelection(deviceId) { // 支持点击取消选中 const newSelectedId = this.selectedDeviceId === deviceId ? null : deviceId; // 更新组件状态 this.selectedDeviceId = newSelectedId; // 通知父组件 this.$emit("device-selected", newSelectedId); // 更新数据源选中状态 const source = this.mapObj.getSource("devices-source"); const data = source._data; data.features = data.features.map((feature) => ({ ...feature, properties: { ...feature.properties, isSelected: feature.properties.id === newSelectedId, }, })) source.setData(data); },怎么让序号和图标同时显示，并且解决这个报错[Vue warn]: Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'clearValidate')" found in ---> <SpeLineList> at src/views/components/SpeLineList/index.vue <Index> at src/views/largeScreen/SpecialLine/index.vue <App> at src/views/App.vue <Root> warn$2 @ vue.js:4857 logError @ vue.js:3547 globalHandleError @ vue.js:3543 handleError @ vue.js:3511 eval @ vue.js:3640 flushCallbacks @ vue.js:3566 Promise.then timerFunc @ vue.js:3591 nextTick @ vue.js:3648 Vue.$nextTick @ vue.js:2345 updateRouteSetting @ index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:641 handler @ index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:282 invokeWithErrorHandling @ vue.js:3519 Watcher.run @ vue.js:4057 flushSchedulerQueue @ vue.js:3141 eval @ vue.js:3638 flushCallbacks @ vue.js:3566 Promise.then timerFunc @ vue.js:3591 nextTick @ vue.js:3648 queueWatcher @ vue.js:3223 Watcher.update @ vue.js:4037 Dep.notify @ vue.js:773 reactiveSetter @ vue.js:986 proxySetter @ vue.js:4112 mapClick @ index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:697 invokeWithErrorHandling @ vue.js:3519 invoker @ vue.js:1461 invokeWithErrorHandling @ vue.js:3519 Vue.$emit @ vue.js:2638 _callee2$ @ index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:709 tryCatch @ regeneratorRuntime.js:72 eval @ regeneratorRuntime.js:161 eval @ regeneratorRuntime.js:102 asyncGeneratorStep @ asyncToGenerator.js:9 _next @ asyncToGenerator.js:28 eval @ asyncToGenerator.js:33 Wrapper @ export.js:20 eval @ asyncToGenerator.js:25 eval @ index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:799 ct.fire @ minemap.js:31 Rn.click @ minemap.js:35 mo.handleEvent @ minemap.js:35 minemap.js:31 TypeError: Cannot read properties of undefined (reading 'clearValidate')
07-24
我们正在使用minemap.js（类似于Mapbox GL JS），但遇到两个问题： 1. 文本标签的样式属性报错（如text-background-color、text-background-radius不被识别） 2. 点击图层报错：Cannot read properties of ...
showDevicesOnMap(devices) { // 存储当前设备列表，用于后续更新状态 this.currentDevices = devices; // 清除旧图层和事件监听 this.removeExistingLayers(); // 创建GeoJSON数据源（确保每个特征有唯一ID） const geojson = { type: "FeatureCollection", features: devices.map((device, index) => ({ type: "Feature", id: device.channelId, // 确保id唯一 geometry: { type: "Point", coordinates: [device.longitude, device.latitude], }, properties: { ...device, index: index + 1, // isSelected: this.selectedDeviceIds.has(device.channelId), }, })), }; // 添加数据源 this.mapObj.addSource("devices-source", { type: "geojson", data: geojson, generateId: true, // 如果特征本身没有id，则生成一个 }); // 预加载图标 const loadPromises = [ this.loadImageSafe("jk_online", "/images/jk_online.png"), this.loadImageSafe("jk_unline", "/images/jk_unline.png"), ]; // 加载图标并添加图层 Promise.all(loadPromises) .then(() => { // // 添加设备图标层 this.mapObj.addLayer({ id: "devices-layer", type: "symbol", source: "devices-source", interactive: true, // 显式启用交互 layout: { "icon-image": [ "case", ["==", ["get", "online"], true], "jk_online", "jk_unline", ], "icon-size": [ "interpolate", ["linear"], ["zoom"], 10, 0.5, // 当缩放级别为10时，大小为0.5 22, 1.0, // 当缩放级别为22时，大小为1.0 ], "icon-anchor": "bottom", "icon-allow-overlap": true, // 防止图标被隐藏 }, }); // 添加序号背景层（圆形） this.mapObj.addLayer({ id: "label-backgrounds", type: "circle", source: "devices-source", paint: { "circle-radius": 10, "circle-color": [ "case", ["==", ["feature-state", "isSelected"], true], "#FF6666", "#45CCDA", ], "circle-stroke-color": "#fff", "circle-translate": [0, -28], // 向上平移，与图标位置配合 }, }); // 添加序号文本层 this.mapObj.addLayer({ id: "device-labels", type: "symbol", source: "devices-source", layout: { "text-field": ["get", "index"], "text-size": 12, "text-offset": [0, -2.4], // 调整位置到背景圆中心 "text-anchor": "center", "text-allow-overlap": true, }, paint: { "text-color": "#FFFFFF", "text-halo-color": "rgba(0, 0, 0, 0.5)", "text-halo-width": 1, }, }); // // 设置初始特征状态 // devices.forEach((device) => { // this.mapObj.setFeatureState( // { source: "devices-source", id: device.channelId }, // { isSelected: this.selectedDeviceIds.has(device.channelId) } // ); // const state = this.mapObj.getFeatureState({ // source: 'devices-source', // id: device.channelId // }); // console.log("Feature state:", state); // }); // 确保在样式加载后更新状态 // 等待地图空闲（确保样式加载完成） this.mapObj.once('idle', () => { this.updateFeatureStates(); }); console.log(this.mapObj.getLayer('label-backgrounds').paint, 'label-backgrounds---000'); // 确认circle-color表达式正确 console.log(this.mapObj.getLayer('label-backgrounds').paint['circle-color'],'label-backgrounds---111'); // 点击事件处理 this.mapObj.off("click"); // 移除旧的监听器，避免重复绑定 this.mapObj.on("click", (e) => { const features = this.mapObj.queryRenderedFeatures(e.point, { layers: ["devices-layer"] }); if (features.length > 0) { console.log(features, '0000000000'); console.log("Clicked feature ID:", features[0].properties.channelId); // 确保与device.channelId一致 this.toggleDeviceSelection(features[0].properties.channelId); } }); }) .catch((error) => { console.error("图层添加失败:", error); }); }, // 选中 toggleDeviceSelection(deviceId) { console.log(deviceId, 'deviceId-11111111111'); // 更新选中状态 const newSelectedId = this.selectedDeviceId === deviceId ? null : deviceId; this.selectedDeviceId = newSelectedId; console.log(newSelectedId, 'newSelectedId-2222222'); // 更新所有特征的状态 // 使用Set实现多选切换 const newSelectedIds = new Set(this.selectedDeviceIds); if (newSelectedIds.has(deviceId)) { newSelectedIds.delete(deviceId); // 如果已选中，则取消 } else { newSelectedIds.add(deviceId); // 否则选中 } this.selectedDeviceIds = newSelectedIds; // 更新地图上所有特征的状态 this.updateFeatureStates(); // 立即更新特征状态 this.mapObj.setFeatureState( { source: 'devices-source', id: deviceId }, { isSelected: this.selectedDeviceIds.has(deviceId) } ); // 通知父组件 this.$emit("device-selected", newSelectedId, deviceId); }, // 更新所有特征状态 updateFeatureStates() { console.log('5555555555'); const source = this.mapObj.getSource("devices-source"); if (!source) return; // 使用设备列表而非遍历特征 this.currentDevices.forEach(device => { const isSelected = this.selectedDeviceIds.has(device.channelId); // 调试：检查特征状态 const currentState = this.mapObj.getFeatureState({ source: 'devices-source', id: device.channelId }); console.log(`Device ${device.channelId} state:`, currentState); this.mapObj.setFeatureState( { source: "devices-source", id: device.channelId }, { isSelected } ); }); },初次渲染ui {_properties: fi, _values: {…}}_properties: fidefaultPossiblyEvaluatedValues: {circle-radius: si, circle-color: si, circle-blur: si, circle-opacity: si, circle-translate: Array(2), …}defaultPropertyValues: {circle-radius: ei, circle-color: ei, circle-blur: ei, circle-opacity: ei, circle-translate: ei, …}defaultTransitionablePropertyValues: {circle-radius: ri, circle-color: ri, circle-blur: ri, circle-opacity: ri, circle-translate: ri, …}defaultTransitioningPropertyValues: {circle-radius: ii, circle-color: ii, circle-blur: ii, circle-opacity: ii, circle-translate: ii, …}overridableProperties: []properties: circle-blur: pi {specification: {…}, overrides: undefined}circle-color: pi {specification: {…}, overrides: undefined}circle-opacity: pi {specification: {…}, overrides: undefined}circle-pitch-alignment: li {specification: {…}}circle-pitch-scale: li {specification: {…}}circle-radius: pi {specification: {…}, overrides: undefined}circle-stroke-color: pi {specification: {…}, overrides: undefined}circle-stroke-opacity: pi {specification: {…}, overrides: undefined}circle-stroke-width: pi {specification: {…}, overrides: undefined}circle-translate: li {specification: {…}}circle-translate-anchor: li {specification: {…}}[[Prototype]]: Object[[Prototype]]: Object_values: {}[[Prototype]]: Objectget: ƒ (t)constructor: ƒ (t)[[Prototype]]: Object 'label-backgrounds---000' index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options:671 undefined 'label-backgrounds---111' minemap.js:31 5555555555 minemap.js:31 Device 64030213001310050836 state: {} minemap.js:31 Device 64030213001310356419 state: {} minemap.js:31 Device 64030213001310396864 state: {} minemap.js:31 Device 64030213001310419525 state: {} minemap.js:31 Device 64030213001310513717 state: {} minemap.js:31 Device 64030213001310606506 state: {} minemap.js:31 Device 64030213001310690712 state: {} minemap.js:31 Device 64030213001310694513 state: {} minemap.js:31 Device 64030213001310993501 state: {} minemap.js:31 Device 64030214001320000824 state: {}，点击其中一个[Sc]0: Sc {type: 'Feature', _vectorTileFeature: cs, properties: {…}, id: 9, layer: {…}, …}length: 1[[Prototype]]: Array(0) '0000000000' minemap.js:31 Clicked feature ID: 64030214001320000824 minemap.js:31 64030214001320000824 deviceId-11111111111 minemap.js:31 64030214001320000824 newSelectedId-2222222 minemap.js:31 5555555555 minemap.js:31 Device 64030213001310050836 state: {isSelected: false} minemap.js:31 Device 64030213001310356419 state: {isSelected: false} minemap.js:31 Device 64030213001310396864 state: {isSelected: false} minemap.js:31 Device 64030213001310419525 state: {isSelected: false} minemap.js:31 Device 64030213001310513717 state: {isSelected: false} minemap.js:31 Device 64030213001310606506 state: {isSelected: false} minemap.js:31 Device 64030213001310690712 state: {isSelected: false} minemap.js:31 Device 64030213001310694513 state: {isSelected: false} minemap.js:31 Device 64030213001310993501 state: {isSelected: false} minemap.js:31 Device 64030214001320000824 state: {isSelected: false}再次点击[Sc] '0000000000' minemap.js:31 Clicked feature ID: 64030214001320000824 minemap.js:31 64030214001320000824 deviceId-11111111111 minemap.js:31 null 'newSelectedId-2222222' minemap.js:31 5555555555 minemap.js:31 Device 64030213001310050836 state: {isSelected: false} minemap.js:31 Device 64030213001310356419 state: {isSelected: false} minemap.js:31 Device 64030213001310396864 state: {isSelected: false} minemap.js:31 Device 64030213001310419525 state: {isSelected: false} minemap.js:31 Device 64030213001310513717 state: {isSelected: false} minemap.js:31 Device 64030213001310606506 state: {isSelected: false} minemap.js:31 Device 64030213001310690712 state: {isSelected: false} minemap.js:31 Device 64030213001310694513 state: {isSelected: false} minemap.js:31 Device 64030213001310993501 state: {isSelected: false} minemap.js:31 Device 64030214001320000824 state: {isSelected: true}，但是页面还是没有变化，没有切换背景色
07-25
确保在设置状态时，地图样式已经加载完成（使用`map.once('idle', ...)`等待）。 用户提供的代码中，已经做了一些尝试，但问题仍然存在。我们注意到在`updateFeatureStates`方法中，他们尝试在设置状态前先获取...
mineMap地图编辑图形功能---多边形绘制
qq_873366938的博客
10-26 3141
需求：在已有显示地图上增加一个可编辑的动态面，圆形拖动圆形实现将圆形范围内的点位显示；初始化时需要默认一个范围面 … 效果预览 需求分解：类似的功能会有很多，单核心都只有一个就是可以编辑的动态的图形的绘制问题。 加载地图相关应用 /** * @Description: 初始化地图 * @Author: ShiWei * @Date: 2020-09-07 */ init(){ if (!this.mapContro
使用vue引入maptalks地图及聚合效果的实现
10-14
主要介绍了使用vue引入maptalks地图及聚合效果的实现，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
minemap设置背景.pptx
06-05
minemap 设置地图的背景，相当详细的操作流程。 一方面给大家提供方便，一方面给自己提供方便。
maptalks加载两个地图 让两个地图同步变化
workhard0905的博客
04-28 652
// 监听地图变化 map1.on('moving moveend', function (e) { map2.setCenter(e.target.getCenter()); }); map1.on('zooming zoomend', function (e) { map2.setCenterAndZoom(e.target.getCenter(), e.target.getZoom()); }); map1.on('pitch', function (e) { map2..
关于maptalks使用离线地形
qq_34194057的博客
01-13 1605
此文章主要解决如何获取离线地形、地形数据处理。
minemap地图搜索位置（vue3+elementPlus）
w_jiunian的博客
01-03 839
地图搜索显示定位时，会出现二次搜索定位错误，我的处理方式是先销毁在重新创建地图。
Minemap 地图使用
热门推荐
stc_ljc的博客
02-28 13万+
Minemap是一款商业地图，其实前端使用地图真的没有那么难，任何事物都是讲究方法的，前端使用地图也是一样的。
Minemap项目安装与配置指南
gitblog_00697的博客
04-17 412
Minemap是一个高效的地形查看器，用于查看Minecraft世界的种子。它提供了一个无需安装Minecraft游戏即可运行的图形界面，用户可以通过它查看不同版本的世界地形，包括主世界、下界和末地。Minemap支持多线程处理，提供多种实用功能，如查看地形图层、寻找最近的结构、绘制图形以及截图等。该项目主要使用Java编程语言开发。 ## 2. 项目使用的关键技术和框架 - **Java**...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

辣姐什么鬼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值