Клуб API Карт

Масштабирование собственной метки при смене масштаба карты ?

anstrem
13 июля 2015, 20:48

Сделали карту для сайта. На стационарном компьютере все хорошо, а вот на смартфонах с не очень большим экраном - крайне сложно попасть по меткам - маленькие они для пальцев.

 

И проблема в том что при любом масштабировании карты размер меток то не меняется - они остаются такими же маленькими.

 

Есть какой то вариант решения, чтобы при увеличении карты, начиная с какой то величины масштаба, метка тоже увеличивалась ?

(или как задать несколько разных размеров (экземпляров) меток для разных масштабов карты ?)

 

 

5 комментариев
Подписаться на комментарии к посту

Для мобильных нужно прописать meta viewport

https://tech.yandex.ru/maps/doc/jsapi/2.0/dg/concepts/load-docpage/

Если Вы про:

 

Примечание. В стандартном браузере мобильной операционной системы Android и Apple iOS версии ниже 3.2 жест масштабирования над картой приводит к увеличению масштаба всей страницы средствами браузера. Для того чтобы отключить обработку жеста масштабирования, необходимо добавить в тег head страницы следующий код:

<meta name="viewport"

то это совсем не то что мне нужно. У меня карта выводится во фрейме и с обработкой жестов все в порядке при масштабировании пальцами масштабируется карта как и положено. НО метки на карте не масштабируются. И метка на карте в масштабе, когда на экран карты влезает один дом, точно такая же маленькая точка, как и когда на карте весь город. А надо чтобы когда карта увеличена так, что влезает всего один дом, чтобы метка становилась размером в "пол-экрана" карты, чтобы уж точно не промахнуться :)

т.е.  с ростом масштаба карты чтобы начал расти и размер метки

 

 

С метой метки будут изначально больше. Если надо увеличивать - слушайте boundschange на карте, проверяйте масштаб и меняйте иконки

Все таки не понял каким образом мета мне поможет :(

Вот (собственно Ваш же) классический пример использования: http://dimik.github.io/ymaps/examples/2.1/e-commerce/offices-map/

Код: https://github.com/dimik/ymaps/tree/gh-pages/examples/2.1/e-commerce/offices-map

 

Все замечательно на компе, но вызываю тоже самое на не самом мелком смарте (Sams S5) в Chrome и... обтыкаться можно в карту, чтобы попасть в нужную точку.

При масштабировании, пока пальцами тянешь масштаб карты, точки тоже увеличиваются, но только отпускаешь и все метки тут же уменьшаются до исходных микроскопических размеров.

Вот что надо в этом коде поправить, чтобы метки при одном масштабе карты были мелкие, а при другом большие ?

 

 

А дело то вообще похоже не в размере метки :(

Для теста увеличил размер иконки на порядок, теперь мимо нее промахнуться невозможно... только это ничего не изменило, по клику пальцем на смартфоне все равно описание метки открывается только очень "иногда"

 

Стал проверять дальше и обнаружил что на на значительно меньшем по размеру iphone 4s нет такой проблемы в его Safari, все легко нажимается, что мелкие, что крупные значки меток.

И на S5 в родном предустановленом браузере тоже нет.

Похоже проблема проявляется только в мобильной версии Chrome на Android, но вот ведь черт  - он же самый популярный браузер на мобилках :((((

Как с ним бороться то ?

Кто-нибудь может еще потестить любые карты в Chrome на Android, есть ли такие же проблемы с выбором меток на карте ?

P.S. Допроверил на том же телефоне, в Firefox проблем тоже нет, в Chrome и Яндекс.Браузере (который видимо по сути тот же Chrome с другим интерфейсом) - есть проблема, метки на карте выбрать крайне сложно.. срабатывает один раз из 10-20 нажатий :(((