jquery - ここでは、高さが幅よりも大きい場合、上部に左のスペースをマップします

Question

Web サイトに Here マップを使用していますが、幅よりもマップの高さが必要です。そうするために、高さを幅よりも大きくすると、マップは上部に空白を残しました。

.MapNode.before768{position:absolute;height:auto;display:inline-block;vertical-align:top;}

次に、これはマップを初期化するクラスです。

.MapNode .movable_map{height:1150px;}

私のJS

function loadHeremap(element){
   //api key registration
   var pixelRatio = window.devicePixelRatio || 1;
    var defaultLayers = platform.createDefaultLayers({
      tileSize: pixelRatio === 1 ? 256 : 512,
      ppi: pixelRatio === 1 ? undefined : 320
    });
    var map = new H.Map(document.getElementById(element),
      defaultLayers.normal.map,{
      center: {lat: city_latitude, lng: city_longitude},
      zoom: 7,
      pixelRatio: pixelRatio
    });
}

関数内で他にも多くのことが起こっていますが、これが私の問題の重要な要素だと思います。