Используйте HTML-элемент вместо значка для маркера карты с GMap3?

StackOverflow https://stackoverflow.com//questions/20036026

Вопрос

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

Очень легко использовать пользовательское изображение, как в примере документации ниже, но кто-нибудь знает, могу ли я использовать некоторые 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

«Ричмаркеры» из Google - это гораздо лучшее решение.

http:// Google-maps-uStility-библиотека-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>" } }
        ],
.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top