Как повернуть маркер в рельсах, используя gmaps4rails?

1

Я установил автомобиль как маркер и хочу его повернуть. Есть ли способ повернуть его в определенном коде. Если нет, какие у меня есть другие варианты?

handler = Gmaps.build('Google');
handler.buildMap({
    provider: {},
    internal: {
        id: "map"
    }
}, function() {
    marker = handler.addMarkers([{
        lat: lat,
        lng: lng,
        "picture": {
            "url": "/assets/car.png",
            "width": 17,
            "height": 38
        }
    }]);
});
Теги:
google-maps
marker
gmaps4rails

2 ответа

0
Лучший ответ

Я использовал решение из этого ответа. Он использует холст для поворота изображения. См. Ссылку jsfiddle для живого примера в конце ответа.

1

Посмотрите на этот вопрос:

Как повернуть маркер в Картах Google?

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

transform="rotate(deg centerX centerY").
  • 1
    Спасибо за ответ. Я icon: "/assets/car.png" по ссылке и установил icon: "/assets/car.png" и применил вращение, используя rotation: 45 но оно не вращается. Когда я устанавливаю icon: google.maps.SymbolPath.FORWARD_CLOSED_ARROW , он отлично вращается. И я не получил часть transform .

Ещё вопросы

Сообщество Overcoder
Наверх
Меню