Hello,

I would like to know if it is possible (and if so how) to style the zoom controls purely using css (i.e. not using images). This can be seen in examples on the Openlayers website:

http://dev.openlayers.org/releases/OpenLayers-2.12/examples/example.html

I'm guessing this is a different control from the zoomPanel used in the Drupal module as it offers '+' and '-' symbols for styling and has no zoomToMaxExtent button. It would be good if this was available.

Thanks,
Vin.

CommentFileSizeAuthor
#1 css_only_zoom_control-1992066-1.patch436 bytesleveller
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

leveller’s picture

leveller CreditAttribution: leveller commented
Issue summary: View changes
FileSize
css_only_zoom_control-1992066-1.patch436 bytes

Not passing in the empty controls aray as part of the options (openlayers/js/openlayers.js) allows the default controls to be rendered. These can be styled using css alone as they consist simply of divs containing + and - characters. If you still want to use the buttons (for some reason) these divs can be hidden.