Использовать элемент HTML вместо иконки для маркера карты с gmap3?

Я создаю карту, которая будет показывать устройства разных типов. В моем веб-приложении каждый тип устройства имеет свой уникальный значок. Все это сделано с использованием потрясающей графики. Мне бы хотелось, чтобы "значки" карты соответствовали друг другу, без необходимости скрининга всех из них и потери способности корректно масштабировать их по мере необходимости.

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

  marker:{
    values:[
      {latLng:[48.8620722, 2.352047], data:"Paris !"},
      {address:varAddress1, data:varData1},
      {address:varAddress2, data:varData2, options:{icon: "http://maps.google.com/mapfiles/marker_green.png"}}
    ],
  ...

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

2 ответа

Решение

"richMarkers" от Google - гораздо лучшее решение.

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/richmarker/

Оказывается, это на удивление легко! Вы заменяете "маркер" на "оверлей", что позволяет вам делать следующее:

    overlay:{
        values: [
            { latLng: [38.55240, -90.41710], data: "PRINTER01", options: { content: "<div>Whatever you want here!</div>" }  },
            { address: "1234 E. Main Street, Springfield USA", data: "SERVER01", options: { content: "<div><i class='icon-reorder'></i></div>" } }
        ],
Другие вопросы по тегам