Utilisez l'élément HTML au lieu de l'icône pour le marqueur de carte avec GMAP3?

Question

Je crée une carte qui affichera des appareils de différents types.À travers mon application Web, chaque type de périphérique a sa propre icône unique.Celles-ci sont toutes faites avec des graphiques Fontawesome.J'aimerais que la carte "icônes" correspond à, sans avoir à les scagrer tous et à perdre la capacité de les élaborer de manière propriée si nécessaire.

Il est très facile d'utiliser une image personnalisée, comme dans l'exemple de documentation ci-dessous, mais quelqu'un sait-il si je peux utiliser des HTML à la place?

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

MISE À JOUR : La duplication éventuelle mentionnée use utilise php pour extraire des icônes de la Font-génial SVG.C'est très restrictif.J'aimerais vraiment pouvoir utiliser un élément HTML si possible.

Answer 1

"richmarkers" de Google est une solution bien meilleure.

http:// google-maps-utilitaire-bibliothèque-v3.googlecode.com/svn/trunk/richmarker/

Answer 2

s'avère que cela est remarquablement facile!Vous remplacez "marqueur" par "superposition" qui vous permet de faire ce qui suit:

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