Здесь карта оставила пространство вверху, если высота больше ширины - PullRequest
Новая
       71

Здесь карта оставила пространство вверху, если высота больше ширины

0 голосов
/ 27 мая 2020

Я использую здесь карту для своего веб-сайта, и мне нужна высота карты больше, чем ширина. Для этого, когда я даю высоту больше ширины, оставьте пустое пространство наверху.

enter image description here

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

Тогда это класс, в котором я инициализирую карту. 

.MapNode .movable_map{height:1150px;}

My 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
    });
}

Внутри функции происходит множество других вещей, но я думаю, что это ключевой элемент моей проблемы.

1 Ответ

0 голосов
/ 27 мая 2020

Вместо того, чтобы устанавливать высоту вручную с помощью CSS, вы можете передать параметр высоты как ключ h в строке запроса URL-адреса запроса: 

 https://image.maps.ls.hereapi.com/mia/1.6/mapview
 ?apiKey={YOUR_API_KEY}
 &h=300
 &w=420

Вот ссылка на игровую площадку, чтобы попробовать и протестировать разная высота и ширина

Изображение карты с высотой и шириной

...