Openlayers:自定义Controls

        Openlayers是一款优秀的二维开源地图框架,支持矢量/栅格图层,支持移动端,并且易于自定义和拓展。下面来讲述一下自定义Control的基本思路。

Openlayers:自定义Controls_第1张图片 openlayers-features

问题描述

        最近在做个人项目时,遇到了一个小问题,就是在地图中心添加一个十字针形状的符号,用来表示地图中心位置,效果如下,

Openlayers:自定义Controls_第2张图片

实现思路

        其实很容易解决,

思路1:DOM+CSS定位

直接通过DOM定位的方式,给出一个类似于这样的符号即可;

        优点在于:易于实现;缺点也十分明显,加入后期要为这个十字针添加一些额外的交互性效果,就要去为其添加交互事件,并且代码的可复用性也不高。

思路2:自定义ol.Control

        参考openlayers官网的“指北N”control控件,我们

你可能感兴趣的:(WebGIS,Openlayers,WebGIS,地图)