1

Я создаю карту, которая будет отображать устройства разных типов. Через мое веб-приложение каждый тип устройства имеет свой собственный уникальный значок. Все это делается с использованием шрифтовой графики. Я хотел бы, чтобы карта «значки» соответствовала, без необходимости скрининга всех из них и потерять способность почистить их по мере необходимости.Использовать 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-элемент, если это возможно.

+1

возможно дубликат [Использование Icon шрифтов в качестве маркеров в Google Maps V3] (http://stackoverflow.com/questions/16375077/using-icon-fonts-as-markers-in-google-maps -v3) – adeneo

+0

О, очень приятно. Не знаю, почему я этого не нашел. Благодарю. –

+0

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

ответ

2

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

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>" } } 
     ],