Пользовательский маркер с угловыми картами Google

Я использую директиву Angular Google maps для отображения карт на моей веб-странице. В настоящее время мои маркеры создаются с помощью SVG, но это медленно, так как я должен передать свою информацию в функцию, которая создает SVG в памяти, чтобы передать значок Google. Поэтому я хочу заменить его пользовательским HTML-маркером, который, надеюсь, будет меньше кода и может использовать классы CSS для большого количества тяжелой работы.

К сожалению, это не доступно в качестве стандарта в угловых маркерах Google Maps (если я не видел его?!)

Я нашел учебник о том, как сделать это с наложениями, но мне нужна кластеризация для работы с моими иконками.

Как я могу это сделать? Без переписывания всего с нуля? В идеале я хотел бы использовать как можно больше существующего кода angular-google-maps

1 ответ

  1. Способ, которым я в конечном итоге сделал это, заключался в том, чтобы поместить в rich HTML в labelContentсвойство, установив класс на нем черезlabelClass, а затем установивicon, чтобы быть прозрачным ( https://maps.gstatic.com/mapfiles/transparent.png)

    Таким образом, фактический значок невидим, но вы можете создать богатые HTML / CSS маркеры через метку. И это не нарушает функциональность с кластеризатором