有两个思路；一个是动态样式，一个是事件监听更改样式。 change:resolution事件监听更改样式 1 map.getView().on('change:resolution',checkZoom);//checkZoom为调用的函数 3 function checkZoom() { 4 // alert("1"); 5 // var childId; 6 console.log(map.getView().getZoom()); 7 if (map. 当我们添加一张 svg 图片 显示时，react提示找不到文件。 我们可以在全局文件global.d.ts内，添加 图片 类型的声明： 详见《TypeScript 引用资源文件后提示找不到的错误处理方案》 声明之后，引用不报错了。然后我们看看 svg 图片 ，里面有颜色及其它 设置 ： <?xml version="1.0" encoding="UTF-8"?> < svg width ="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/ svg " xmlns:xlink="http://www.w 最近做的一个项目是把assets目录 中 的html显示出来,但是因为html里面有一些工程 图片 ,虽然我用ViewPager和PhotoView,进行显示放大了,但是因为工程 图片 的线条较多还是比较模糊.所以后来就想用 svg 图片 来进行显示,至于 svg 是什么,我这里就不做多的说明,可以去网上搜一搜看看.因为 svg 和png jpg是不同的,没办法用glide(我 图片 加载框架用的是glide)进行加载,所以我就只能另想办法了,最后找到一个开源库,解决了我的问题,下面我也是用开源库做的,但是有几个坑需要注意: 开源库地址:https://github.com/japgolly/ svg -android 在An 参考资料： openlayers 官网：https:// openlayers .org/ geojson下载网站：https://datav.aliyun.com/portal/school/atlas/area_selector 地图坐标拾取网站：https://api.map.baidu.com/lbsapi/getpoint/inde LOD是Levels of Detail的简写，用于根据当前的环境，渲染不同的图像，用于降低非重要的细节度，从而提高渲染效率，在电子游戏 中 经常运用，对于需要显示全球地图的GIS系统而言，更需要应用这项技术。 在不同的细节层次下，自然分辨率就可能不一样，这两者是紧密结合在一起的。 对于图形显示系统而言，分辨率作为屏幕坐标和世界坐标之间计算的纽带，其作用是非常重要的。 本节将以实例的方式深入浅出的讲解... Vue+ Openlayers 实现显示 图片 并分优先级多图层加载： Vue+ Openlayers 实现显示 图片 并分优先级多图层加载_BADAO_LIUMANG_QIZHI的博客-CSDN博客 上面实现的效果如下 如果不是专业的地图工作者，看到地图，可能觉得地图就是一张将三维世界映射到二维空间，很多信息混杂在一起表示空间信息的动态可交互 图片 ，其实这只是表面现象。实际上地图是由一个或多个图层组成的，使用不同的图层存储不同类型的地物，比如由存储道路的图层，有展示拥堵情况的图层，通常还有一个含有基础地理信息（比如政区划分）的底图图层。 openlayers 中 渲染 图片 是有多种方法的，Icon ，Image 等等都可以实现将 图片 放到地图上面，但是操作 图片 的话，方法比较少了，这里是配合 ol-ext 来实现的。 相关资料: 1、ol-ext官方地址：入口 2、ol-ext 对应的资料地址：入口 3、ol-ext 源码gitee地址：入口 4、 openlayers 最新官网：入口 5、 openlayers 官网api：入口 6、实际坐标转换视图坐标（getPixelFromCoordinate）：入口