随笔分类 - OpenLayers
摘要：import TileLayer from "ol/layer/Tile"; // 瓦片图层类 import XYZ from "ol/source/XYZ"; // XYZ格式的切片数据，继承于TileImage const layer = new TileLayer({ source: new
阅读全文
摘要：openlayers 使用WMTS和XYZ加载天地图切片服务 本篇介绍一下使用openlayers加载天地图切片，两种方法： 使用WMTS 使用XYZ 分析 主要是不同类型source的使用 WMTS（Web Map Tile Service） 是 OGC（Open Geospatial Conso
阅读全文
摘要：ol对于在地图上渲染图标，并且图标可以随着地图的缩放层级自适应，跟随地图移动，ol是提供了一个很好用的方法的 overlay 代码如下： //定义标注对象 let lable_div = document.createElement('div') lable_div.className = [s.l
阅读全文
摘要：问题描述 h5项目使用openlayer展示地图，并且使用VectorLayer铺点，安卓完全没问题，但是ios上缩放后会突然触发无法缩放 并且无法点击 拖动缓慢等问题。 经排查，是VectorLayer的minZoom maxZoom导致，但不理解原因。 问题代码如下 import VectorL
阅读全文
摘要：使用postrender监听，代码如下： map.once('postrender', function(event) { // do something... });
阅读全文
摘要：问题 在功能中，点击起点按钮则在地图中标记“起点”图标，当再次点击起点按钮时需要先清空之前的“起点”图标，再重新添加。 但此时控制台报错了： 错误代码： 在添加点之前，先执行了vectorSource.clear(),导致remove时，vectorSource.getFeatures()其实是空数
阅读全文
摘要：## 问题 使用openlayers展示的地图，在对地图进行显示和隐藏时，在火狐浏览器中异常。 显示和隐藏使用了 display:'none' 和 display:'block'，对地图先隐藏，然后展示时，火狐浏览器中的map空白。 ## 解决 ``` setTimeout(function ()
阅读全文
摘要：项目中使用的高德地图，在放大到一定级别的时候，地图变成空白。 高德地图的显示层级最大是18级，超出18级时高德服务会返回超限的水印瓦片。 在特定的需求场景下，需要将地图层级显示到18级以上，超出18级时仍然使用18级的瓦片进行放大显示，这个时候你就需要自定义一下图层服务的tileGrid。 代码如下
阅读全文
摘要：踩到的巨傻的坑~~~ 为什么会报错呢？因为我没有import Text from 'ol/style/Text'
阅读全文
浙公网安备 33010602011771号