0

创建地图并将其显示后,发生了一些奇怪的事情,即地图按钮“缩放矩形,地图设置和比例尺”在地图下方显示为大图标,当我设置地图时我也遇到了问题如果我以像素为单位设置地图高度,则宽度和高度为 100%,否则地图工作得很好,否则它仅在我调整我的 chrome 页面大小时可见。

我尝试设置不同的默认图层类型,例如普通地图和卫星地图以及宽度和高度问题我可以看到大地图按钮“缩放矩形、比例尺和地图设置”

public ngAfterViewInit() {
    let defaultLayers = this.platform.createDefaultLayers();
    defaultLayers.normal.map.setMin(5);

    this.map = new H.Map(
      document.getElementById("mapId"),
      defaultLayers.normal.map,
      {
        center: { lat: "0", lng: "0" }
      }
    );   
    this.ui = H.ui.UI.createDefault(this.map, defaultLayers);

    this.ui.getControl('mapsettings').setAlignment('top-left');
    this.ui.getControl('zoom').setAlignment('top-left');
    this.ui.getControl('scalebar').setAlignment('top-left');
  }

期望能够在地图上看到地图按钮,而不是在主地图下,也能够将高度设置为 100%

4

1 回答 1

0

您不能以百分比指定地图容器 (div) 的高度,因为它默认为零(“div”根据其内容获取其默认高度。因此,空“div”的高度为零,因此地图不可见)。您可以将高度指定为100vh,并且地图应垂直覆盖整个视口。

于 2019-08-28T14:00:44.713 回答