Добавление сложного значка на карту Google

Question

Мне нужно представить состояние некоторых устройств из БД на карте Google.Каждое устройство имеет свое местоположение и сложный статус.Что-то вроде онлайн / автономно / камера в порядке и т. Д. Для каждого статуса мне нужно нарисовать пузырь рядом со значком на карте (например, один зеленый, если устройство находится в режиме онлайн, и один красный, если камера не в сети).

Например, у меня есть маркер:

new google.maps.Marker({
                position: currLatLng,
                map: map,
                icon: image
            });

И мне нужно что-то вроде:

drawImageNextToTheMarker ("myImg");

Каков простой способсделать это?

Или есть ли способ нарисовать HTML-таблицу с изображениями по центру в некотором месте на карте?

Спасибо.

Редактировать:

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

Answer 1

Я отвечу на свой вопрос: Вот способ написать метки рядом с маркером:

http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html

Answer 2

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

иконки

• icon_online_camera-on.gif
• icon_online_camera-off.gif
• icon_offline_camera-on.gif
• icon_offline_camera-off.gif

при добавлении маркера для позиции добавьте правильный значок.

---

EDIT

В свете новой информации вот еще одна идея ...

---

Есть специальное место для иконок. Может быть /images/device_icons/

Использование языка на стороне сервера для создания имени файла изображения в согласованном формате

DEVICE-ID_ONLINE_CAMERA_OTHER-THING_LAST-THING.gif
3_1_0_1_3.gif // device - 3, online, camera off, other thing - 1, last thing -3

Затем проверьте наличие иконки.

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