How to get openlayers 3 zoom control to show up on right side?

openlayers-3
Rolando picture Rolando · Dec 27, 2013 · Viewed 8.9k times · Source

By default the openlayers 3 zoom controls are on the top left. How can I move it to the top right? The API appears to return a broken link when going into options.

Answer

Matt picture Matt · May 19, 2016

Use cascading style sheets. You need to unset the previous "left" value.

  .ol-zoom {
     left: unset;
     right: 8px;
  }

Related questions

Access to Image from origin 'null' has been blocked by CORS policy

I have JavaScript application in OpenLayers 3, and my base layer is created from local tiles. I work only in my computer so I do not know why I have CORS error. var newLayer = new ol.layer.Tile({ source: new ol.…

Read More
how to add markers with OpenLayers 3

I'm trying to add makers on a OpenLayers 3 map. The only example I have found is this one in the OpenLayers example list. But the example uses ol.Style.Icon instead of something like OpenLayers.Marker in OpenLayers 2. First Question …

Read More
Adding event handler to feature in OpenLayers 3?

I am using the following code to add a feature to a vector layer in OpenLayers 3 (OL3): marker = new ol.Feature({ geometry: new ol.geom.Point([longitude, latitude]), name: "Location Marker" }); markerStyle = new ol.style.Style({ image: new ol.style.…

Read More