Использовать элемент 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>" } }
],