Как сделать так, чтобы маркер карты Google стал больше при наведении мыши на него? - PullRequest
Новая
       39

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

5 голосов
/ 24 ноября 2011

В Google Map API v3 в качестве заголовка я видел только 2 типа анимации в API карты Google, но в некоторых местах я видел, что маркер карты анимируется, как становится большим при наведении мыши на него? Как это реализовать?

Ответы [ 2 ]

2 голосов
/ 24 ноября 2011

Использовать обработчик события наведения маркера и метод setIcon(). Для этой цели вы можете использовать динамические значки из API Google Maps и изменить атрибут chld, чтобы значок рос:

enter image description here http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|FF8800|15|_|

enter image description here http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.6|0|FF8800|15|_|

enter image description here http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.7|0|FF8800|15|_|

Не забудьте установить правильную точку привязки! Например: 

marker.setIcon(new google.maps.MarkerImage(
    'http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0|FF8800|15|_|',
    null,
    null,
    new google.maps.Point(11, 43) // this is the proper anchor point for scale 0.65
));
1 голос
/ 24 ноября 2011

Вы можете использовать свое собственное изображение в качестве маркера, а затем использовать свойство scaledSize для изображения маркера, чтобы увеличить его при срабатывании события mouseover.

Я не знаю, как сделать это, не выполняя более сложные вещи, подобные этой.

...