1

我正在创建一个显示不同类型设备的地图。在我的 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 元素。

4

2 回答 2

2

事实证明这非常容易！您将“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>" } }
        ],
于 2013-11-17T21:12:24.207 回答
1

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

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

于 2013-11-19T01:40:50.040 回答