OpenLayers学习笔记高级篇(一、openlayers画点线面)

话不多说直接上代码:



                  
    
    
    
    点线面圆的绘制
    
    



      
      

   

先看一下效果:

OpenLayers学习笔记高级篇(一、openlayers画点线面)_第1张图片

我们点击下拉框下面不同的绘制方式就可以绘制不同的图形!下面来进行代码的解释:

首先添加一个绘制使用的layer,并把layer添加到地图中:

OpenLayers学习笔记高级篇(一、openlayers画点线面)_第2张图片

然后根据下拉框的值做地图的交互:

OpenLayers学习笔记高级篇(一、openlayers画点线面)_第3张图片

最后再监听下拉框值的变化,然后进行对应的地图交互:

OpenLayers学习笔记高级篇(一、openlayers画点线面)_第4张图片

好了,关于地图点线面圆的绘制就介绍到这儿了,下一节我们将学习openlayers中控件的知识!大家加油!

 

你可能感兴趣的:(OpenLayers,WebGIS)