Gmap3에서 Map Marker의 아이콘 대신 HTML 요소를 사용하십시오.

Question

다른 유형의 장치를 보여주는지도를 작성합니다.내 웹 응용 프로그램을 통해 각 장치 유형에는 고유 한 아이콘이 있습니다.이들은 모두 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"}}
    ],
  ...

.

update : 할 수있는 중복은 PHP를 사용하여 글꼴 멋진 SVG에서 아이콘을 추출합니다.이것은 매우 제한적입니다.가능한 경우 HTML 요소를 사용할 수 있기를 정말로 원합니다.

Answer 1

"Google의 RichMarkers"는 훨씬 더 나은 해결책입니다.

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

Answer 2

이것은 현저하게 쉽게 밝혀졌습니다!"Marker"를 "오버레이"로 바꾸는 "

을"오버레이 "로 바꿉니다.

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

.