Openlayers实现图形绘制

本文实例为大家分享了Openlayers实现图形绘制的具体代码,供大家参考,具体内容如下

1、新建一个html页面,引入ol.js文件,然后在body中创建一个div标签、label标签和一个select下拉选项卡;

2、代码实现





 
 
 


 
 

3、结果展示

绘制点图形

Openlayers实现图形绘制_第1张图片

绘制线图形

Openlayers实现图形绘制_第2张图片

绘制多边形

Openlayers实现图形绘制_第3张图片

绘制圆形

Openlayers实现图形绘制_第4张图片

绘制正方形

Openlayers实现图形绘制_第5张图片

绘制矩形

Openlayers实现图形绘制_第6张图片

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(Openlayers实现图形绘制)