OpenLayers 3 primer

• 1.new一个map之后，默认只显示+和-按钮zoom缩放，如果要显示zoomSlider，需要加上这句代码：

var zoomslider = new ol.control.ZoomSlider();

map.addControl(zoomslider);

• 2.默认zoom control 显示在左侧，如何显示到右侧呢？How to let openlayers3 zoom control show up to right side?

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

或者

.ol-zoom ,.ol-zoomslider{
     left: auto;
     right: 8px;
  }

• 3.unset是什么意思呢？

unset是CSS3的一个样式属性值，它的含义是：如果该样式是能被继承的,则其值为继承的值;如果该样式是不能被继承的,则其值为CSS规范指定的值.

• 4.如何隐藏右下角的logo呢？

.ol-logo-only{display:none}加上这个样式就ok了。

• 5.为openlayers3添加全局控件：

var map = new ol.Map({
        target: 'map',
        layers: [
          new ol.layer.Tile({
            source: new ol.source.OSM()
          })
        ],
        controls: ol.control.defaults().extend([
          new ol.control.FullScreen()
        ]),
        view: new ol.View({
          center: ol.proj.fromLonLat([37.41, 8.82]),
          zoom: 4
        })
      });

转载于:https://my.oschina.net/ayyao/blog/891350