自定义边框_Openlayers技巧之绘制选中要素正方形边框以及自定义不规则多边形样式船讯...

作者：运维做开发 | 2024-07-13 00:03:11

踩

openlayers区域边框样式

这篇文章是一个技术伙伴写的，经过他授权，放到小专栏里面。

想必各位开发者在使用cesium过程中，点击选中一个模型时候会出现一个正方形边框，效果不错。但是能不能在二维地图中也实现这个效果呢？
答案是肯定的。先上效果图，该效果图是模仿船讯网效果做的，基本一致，效果图如下：

近来在使用openlayers API时发现有一个类叫做ol.style.RegularShape，规则多边形样式，通过查阅样例以及API属性发现，该类可以实现规则多边形样式的绘制与显示，如五角星、正五边形、六边形等等，通过阅读源码发现该类继承ol.style.Image，是通过canvas绘制的规则多边形，既然是使用canvas绘制，那就好办了，我们知道canvas可以通过传入的路径绘制各种形状要素，我们可以自定义一个类继承ol.style.RegularShape，重写绘制方法，根据不规则多边形路径绘制，这样就达到了我们的目的。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/运维做开发/article/detail/816689