如何用OpenLayer实现绘制扇形图形的示例代码?
- 内容介绍
- 文章标签
- 相关推荐
本文共计900个文字,预计阅读时间需要4分钟。
目录 + 创建OpenLayers地图 + 绘制形状方法 + 我在网上看了很多关于绘制形状的方法,但用的时候都不太好操作,所以说,我自己整理了一下,符合我想达到的效果,尽管我的能力有限。
目录
- 创建openlayers地图
- 绘制扇形方法
我在网上看了很多说是绘制扇形的方法,但是我用的时候都不是很好玩,所以说呢,我自己整理了一下,符合了我想要的效果,尽管我能力有限,还是决定分享一下,因为找资料太难了!
我比较懒,就不废话了,直接上代码!
创建openlayers地图
包我就不复制了,根据官网提供的API自己引用吧!
openlayers API地址
创建地图
// 实例化Map map = new Map({ // 创建一个地图 layers: [new TileLayer({ source: new OSM(), }),], target: 'map', view: new View({ center: fromLonLat([116.400819, 39.916263]), zoom: 15, constrainResolution: true, // 设置缩放级别为整数 smoothResolutionConstraint: false, // 关闭无级缩放地图 }), });
上面代码大体就这个样子。
到这儿应该没什么问题。我用的就是默认的 3857 坐标系,不是4326的。
本文共计900个文字,预计阅读时间需要4分钟。
目录 + 创建OpenLayers地图 + 绘制形状方法 + 我在网上看了很多关于绘制形状的方法,但用的时候都不太好操作,所以说,我自己整理了一下,符合我想达到的效果,尽管我的能力有限。
目录
- 创建openlayers地图
- 绘制扇形方法
我在网上看了很多说是绘制扇形的方法,但是我用的时候都不是很好玩,所以说呢,我自己整理了一下,符合了我想要的效果,尽管我能力有限,还是决定分享一下,因为找资料太难了!
我比较懒,就不废话了,直接上代码!
创建openlayers地图
包我就不复制了,根据官网提供的API自己引用吧!
openlayers API地址
创建地图
// 实例化Map map = new Map({ // 创建一个地图 layers: [new TileLayer({ source: new OSM(), }),], target: 'map', view: new View({ center: fromLonLat([116.400819, 39.916263]), zoom: 15, constrainResolution: true, // 设置缩放级别为整数 smoothResolutionConstraint: false, // 关闭无级缩放地图 }), });
上面代码大体就这个样子。
到这儿应该没什么问题。我用的就是默认的 3857 坐标系,不是4326的。

