google-maps-api-3 - 在 Google map V3 中使用图标字体作为标记

Question

我想知道是否可以使用图标字体图标(例如 Font Awesome)作为 Google map V3 中的标记来替换默认标记。要在 HTML 或 PHP 文档中显示/插入它们，标记的代码为:

<i class="icon-map-marker"></i>

Answer 1

我刚刚遇到了同样的问题 - 决定进行快速而肮脏的转换并在 github 上托管。

https://github.com/nathan-muir/fontawesome-markers

您可以手动包含 JS 文件，或使用 npm install fontawesome-markers 或 bower install fontawesome-markers。

只需包含 javascript 文件 fontawesome-markers.min.js 即可使用它们，如下所示:

new google.maps.Marker({
    map: map,
    icon: {
        path: fontawesome.markers.EXCLAMATION,
        scale: 0.5,
        strokeWeight: 0.2,
        strokeColor: 'black',
        strokeOpacity: 1,
        fillColor: '#f8ae5f',
        fillOpacity: 0.7
    },
    clickable: false,
    position: new google.maps.LatLng(lat, lng)
});

编辑(2016 年 4 月):现在有 v4.2 -> v4.6.1 的软件包