2015-05-27 5 views
0

Поэтому я использую gmap3 для динамической загрузки значка маркера карты на основе фотографии профиля профиля пользователя. В идеале, я хочу иметь пользовательский стиль в изображении значка маркера, и каждое изображение значка маркера отличается от пользователя к пользователю.Пользовательский значок маркера карты Google

Вот две трудности я столкнулся:

  1. Google значок карты загрузки маркера, как холст (поправьте меня, если я ошибаюсь), так что это не изображение метки на DOM, таким образом, я не знать, как добавить css styling к нему

  2. Даже если он загружает его как изображение, я не смог найти способ определить функцию обратного вызова с помощью gmap3 (и использовать jQuery для стилизации селектора изображений), когда пользовательский значок полностью загружен на DOM. (Я попробовал liveQuery, это ужасная идея, и я попытался google.maps.event.addListenerOnce(map, 'idle', function(), которые не работают хорошо

Вот некоторые из моих подходов:.

  1. Я добавил animation недвижимость к маркеру и передать ему случайную строку (что должно привести к ошибке), и это заставляет значок загружаться как тег изображения в DOM.

  2. Затем я использую setTimeout (потому что я не знаю, где определить обратный вызов ФУНКЦИИ п на gmap3 после загрузки маркера), чтобы выбрать CSS изображения, а также добавить свойство background-image CSS для этого значок прозрачного изображения, так что я могу иметь пользовательский профиль пользователя изображение на маркер

Пожалуйста, помогите

ответ

0

для применения css на маркере, вы можете попробовать следующий метод для включения var marker = new MarkerWithLabel. Link

+0

Отличное решение! Именно то, что я ищу! –