上一页 1 2 3 4 5 6 7 ··· 31 下一页
摘要: import TileLayer from "ol/layer/Tile"; // 瓦片图层类 import XYZ from "ol/source/XYZ"; // XYZ格式的切片数据,继承于TileImage const layer = new TileLayer({ source: new 阅读全文
posted @ 2024-08-02 16:47 ZerlinM 阅读(620) 评论(0) 推荐(0)
摘要: openlayers 使用WMTS和XYZ加载天地图切片服务 本篇介绍一下使用openlayers加载天地图切片,两种方法: 使用WMTS 使用XYZ 分析 主要是不同类型source的使用 WMTS(Web Map Tile Service) 是 OGC(Open Geospatial Conso 阅读全文
posted @ 2024-08-02 16:33 ZerlinM 阅读(2989) 评论(0) 推荐(0)
摘要: ol对于在地图上渲染图标,并且图标可以随着地图的缩放层级自适应,跟随地图移动,ol是提供了一个很好用的方法的 overlay 代码如下: //定义标注对象 let lable_div = document.createElement('div') lable_div.className = [s.l 阅读全文
posted @ 2024-07-22 10:00 ZerlinM 阅读(276) 评论(0) 推荐(0)
摘要: 原因 使用html2canvas、domtoimage进行截图时,会出现地图面板是空白的情况,报错如下: #1 133ms Unable to clone WebGL context as it has preserveDrawingBuffer=false <canvas style=​"widt 阅读全文
posted @ 2024-07-03 14:28 ZerlinM 阅读(324) 评论(0) 推荐(0)
摘要: base64加载图片文件 使用base64可以不发送请求将图片文件转换为base64格式的链接渲染到图片上,减少服务器访问次数,下面是base64加载图片的方式 document.getElementById("front-file").onchange = (e) => { const file 阅读全文
posted @ 2024-04-30 15:07 ZerlinM 阅读(4833) 评论(0) 推荐(0)
摘要: 代码如下 upload组件的 afterRead 方法: const afterRead = async file => { file.status = "uploading"; file.message = "上传中..."; const { data } = await upLoaderImg( 阅读全文
posted @ 2024-04-30 14:04 ZerlinM 阅读(642) 评论(0) 推荐(0)
摘要: 问题 项目中使用vue3+vant4,列表页使用了 List 来做列表加载,代码如下: <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <div v-if= 阅读全文
posted @ 2024-04-25 10:15 ZerlinM 阅读(743) 评论(0) 推荐(0)
摘要: 可在App.vue文件中引入样式 <template> <router-view /> </template> <script setup> // Toast import "vant/es/toast/style"; // Dialog import "vant/es/dialog/style"; 阅读全文
posted @ 2024-04-23 15:42 ZerlinM 阅读(775) 评论(0) 推荐(0)
摘要: 实现效果 代码如下 多选组件 DictSelect.vue <template> <van-popup :show="showPicker" position="bottom" :style="{ height: '34vh' }"> <div class="con"> <div class="co 阅读全文
posted @ 2024-04-17 10:21 ZerlinM 阅读(1156) 评论(0) 推荐(0)
摘要: 问题描述 h5项目使用openlayer展示地图,并且使用VectorLayer铺点,安卓完全没问题,但是ios上缩放后会突然触发无法缩放 并且无法点击 拖动缓慢等问题。 经排查,是VectorLayer的minZoom maxZoom导致,但不理解原因。 问题代码如下 import VectorL 阅读全文
posted @ 2024-03-29 18:08 ZerlinM 阅读(161) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 ··· 31 下一页