openlayers6 踩坑系列（一）

最近在用openlayers开发自己公司的地图，会不定时的更新一些踩坑点和解决方法上来喔~

画矢量图的时候，最多遇到这问题，然后你点进去看，好像是关于样式的问题，然后在代码里，我们发现我们用style的地方就是这里

const vector = new VectorLayer({//数据源source: source,//样式style: new Style({//样式填充fill: new Fill({//填充颜色color: options.fillColor || 'rgba(37,241,239,0.2)'}),//笔触stroke: new Stroke({//笔触颜色color: options.strokeColor || '#264df6',//笔触宽度width: options.strokeWidth || 2,// 线帽样式 butt、round、 或squarelineCap: options.lineCap || 'round',// 	线连接样式 bevel、round、 或miterlineJoin: options.lineJoin || 'round'}),//图形样式，主要适用于点样式image: new Circle({//半径大小radius: options.imageRadius || 7,//填充fill: new Fill({//填充颜色color: options.imageFill || '#e81818'})})})})

 我们在很多openlayers的博客里，那些大佬们都是在Style这个类的image属性值，用new Circle来实例化 笔尖  ，但是在后续解决中，我们发现这里要用 CircleStyle 来实例化笔尖 才不会出错，

所以这里应该

import { Circle as CircleStyle } from 'ol/style'

这样的话，报错就解决啦

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！