O'Reilly logo

Mastering OpenLayers 3 by Gábor Farkas

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building a set of drawing tools

In this example, called ch05_draw, we extend our toolbar with a method that creates a set of drawing tools. We store these tools in a new collection, as we would like to enable them, only if a vector layer is selected. As they are placed in a collection, we can easily iterate through them. Firstly, we create some new rules in our CSS file for the buttons and the disabled controls:

.toolbar .ol-control button:disabled { background-color: rgba(0,0,0,.2); } .toolbar .ol-control button:disabled:hover { background-color: rgba(0,0,0,.2); } .toolbar .ol-addpoint button { background-image: url(../../res/button_addpoint.png); } .toolbar .ol-addline button { background-image: url(../../res/button_addline.png); } .toolbar ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required