Маркеры, похоже, «вырезаны» с карты - PullRequest
0 голосов
/ 06 февраля 2020

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

Есть ли способ уменьшить размер маркера? или другое решение для обеспечения полного отображения маркеров Изображение из моего приложения

Я попытался уменьшить размер контейнера безрезультатно

Вот код если это поможет

   <div class="modal fade bd-example-modal-lg" tabindex="-1"  role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div  style="height: 90%; width: 100%;"  class="modal-dialog modal-lg" id="mapContainer">
    <div class="modal-content">
    </div>
  </div>
</div>

1 Ответ

0 голосов
/ 07 февраля 2020

Вы должны установить опцию заполнения карты. Есть два способа установить его:

1. добавить свойство отступа при инициализации карты:

// assuming defaultLayers is defined
map = new H.Map(document.getElementById('map'),
  defaultLayers.vector.normal.map, {
  center: {lat: 50, lng: 20},
  zoom: 15,
  pixelRatio: window.devicePixelRatio || 1
  padding: {top: 50, left: 50, bottom: 50, right: 50}
}),

2. установить заполнение объекта ViewPort на лету:

map.getViewPort().setPadding(50, 50, 50, 50);

Вот простой пример jsfiddle: Увеличение набора маркеров

Подробнее см. документация для Параметры H.Map # и H.map.ViewPort # setPadding

...