Openlayers之地图标注

1、标注的简介

标注简单点说就是通过图标、文字等方式将我们想展示的内容显示在地图上,着重突出人们所关注的专题内容,从而为用户提供个性化的地图服务;

2、标注方式

在Openlayers3里面,有两种对地理位置点进行标注的方法,一种是通过创建矢量图层然后设置其样式的方法,还有一种就是创建Overlay覆盖层的方法;对于第一种方式,本质上创建的还是一个矢量对象,只是将其表现形式更换了一下,用Style样式进行包装;而第二种方式则是创建的一个单独的覆盖层,然后通过设置其属性进行某些信息的展示;至于具体使用哪一种方式,还是得根据具体来看;

3、代码实现





    
    
    
    
    
    


    
    
4、结果展示

初始化页面

Openlayers之地图标注_第1张图片

选中第一个单选按钮,在地图页面上的任何地方点击,将会添加矢量标注


选中第二个单选按钮,则在页面任意地方单击,将添加覆盖标注


你可能感兴趣的:(OpenLayers3)