React Google Maps пользовательский поворот маркера
Я пытаюсь добавить пользовательский маркер в React Google Maps, и каждый маркер вращается в зависимости от направления, в котором элемент движется по дороге.
Я могу заставить вращение работать, когда я использую path для svg вместо url, ссылающегося на изображение. Проблема с path в том, что я не могу заставить работать fillColor, только strokeColor. Также было бы неплохо иметь сложную форму, а path несколько ограничивает тип формы, которую вы можете добавить к ней, потому что не может передавать несколько путей в строку.
Обратите внимание, что heading получает правильное направление через мой api, и я убедился, что он работает.
Вот мой текущий код, приветствуется любая помощь. Спасибо!
const createIcon = (heading) => ({
width: '15px',
url:
'my image path',
rotation: heading || 0, // set the rotation prop to indicate direction
});
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
У вас визуализируется компонент <\ Marker>? Это то, что мне удалось получить, работая над поворотом маркера. Нет проблем и с fillColor.
render() {
return <Marker
position = {{ lat: this.state.longitude, lng: this.state.latitude }}
icon = {
{
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
scale: 3,
strokeColor: "#FFFFFF",
fillColor: "#0000FF",
fillOpacity: 1,
rotation: 215
}
}
/>
}
вероятно, следует добавить, если вы сейчас используете response-google-maps, вам, вероятно, следует переключиться на response-google-maps / api github.com/JustFly1984/react-google-maps-api