Question

我正在创建一个显示不同类型设备的地图。通过我的Web应用程序，每种设备类型都有自己独特的图标。这些都是使用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元素。

Answer 1

事实证明这非常简单！将“marker”替换为“overlay”，可以执行以下操作：

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

Answer 2

来自Google的“richMarkers”是一个更好的解决方案。

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

使用HTML元素而不是图标用于gmap3的地图标记？

2 个答案: