Метки карты не прячутся под кнопками и подписью картыMap labels no longer hide under the buttons and the map credit
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор открывает каталог и первым делом видит карту: где предложения и от какой цены. Каждую метку должно быть видно целиком, и её должно быть легко нажать.An investor opens the catalogue and sees the map first: where the offers are and from what price. Every label should be fully visible and easy to tap.
ЗадачаProblem
Карта вписывала точки проектов почти вплотную к краям. Метка Москвы («4 · от 125 тыс. $» — 4 проекта и больше двух третей всех юнитов) уходила под кнопки «+ / −», а на телефоне палец попадал в «+», а не в метку. Метки юга Турции — Финике «от 101 тыс. $» и группа «18 · от 117 тыс. $» — уходили под строку «© OpenStreetMap contributors · OpenFreeMap». На компьютере и телефоне так были закрыты 3 метки из 5, на узком телефоне 320 px — 2 из 3, в том числе самая дешёвая «22 · от 66 тыс. $».The map fitted the project points almost up to its edges. The Moscow label («4 · from $125k» — 4 projects and over two thirds of all units) slid under the «+ / −» buttons, and on a phone a finger hit «+» instead of the label. Labels in southern Turkey — Finike «from $101k» and the «18 · from $117k» group — slid under the «© OpenStreetMap contributors · OpenFreeMap» line. On a computer and a phone 3 labels of 5 were covered this way, on a narrow 320 px phone 2 of 3, including the cheapest «22 · from $66k».
Как решилиHow it was solved
- Карта оставляет место под сами метки: Москва стоит левее кнопок «+ / −», метки юга — выше подписи «© OpenStreetMap».The map leaves room for the labels themselves: Moscow sits left of the «+ / −» buttons, the southern labels above the «© OpenStreetMap» line.
- Так же после выбора города (например, «Москва» или «Аланья») и после «Сбросить».The same after choosing a city (for example «Moscow» or «Alanya») and after «Reset».
- Подпись карты на месте и не свёрнута; если вы уже двигаете карту, пока она загружается, вид не прыгает обратно.The map credit stays in place, not collapsed; if you are already moving the map while it loads, the view does not jump back.
- Итог: закрытых меток было 3 из 5 на компьютере и телефоне и 2 из 3 на телефоне 320 px — стало 0. На телефоне 390 px две соседние группы юга теперь одна метка «24 · от 66 тыс. $» — самая низкая цена видна, как и раньше.Result: 3 of 5 labels were covered on a computer and a phone and 2 of 3 on a 320 px phone — now none. On a 390 px phone two neighbouring southern groups are now one label, «24 · from $66k» — the lowest price is shown as before.
До и послеBefore and after
