使用ngx-openlayers在地图上添加叠加层

Question

当前，我正在努力在OpenLayers地图上显示放大和缩小按钮。我已经尝试了叠加方法，但出现错误。这是我的代码供参考：

  zoom_button = document.getElementById('zoom')
  zoom_overlay = new Overlay({
        element: this.zoom_button,
        positioning: 'bottom-left'
        });
        Map.addOverlay(zoom_overlay);

<aol-control> 
  <aol-content>
      <div id="zoom" class="zoom">
        <button (click)="increaseZoom()">+</button><br>
         <button (click)="decreaseZoom()">-</button><br>
      </div>
   </aol-content>
 </aol-control>

我是angular和OpenLayers的新手，有人可以告诉我如何获取map属性吗？这样就可以使用addOverlay方法。

谢谢

Answer 1

您添加了ol.css文件。 如果您使用Angular 2 +，请添加此行@import 'ol/ol.css'; 在styles.css文件中 默认情况下，放大和缩小处于启用状态。