我可以在 URL 请求中使用很棒的字体吗？答案

【问题标题】：Can I use awesome font in a URL request?我可以在 URL 请求中使用很棒的字体吗？
【发布时间】：2017-10-15 01:11:21
【问题描述】：

我正在设置地图标记，我想添加很棒的字体标记。我正在使用第 3 方 api (OverlappingMarkerSpiderfier ) 需要标记 URL。

现在我得到一个本地标记，marker.svg。但是我想使用很棒的字体标记，无论如何都可以调用很棒的字体标记？

iconURL = 'marker.svg'
iconSize = new (google.maps.Size)(23, 32)
marker.setIcon
  url: iconURL
  scaledSize: iconSize

【问题讨论】：

我看不出来，因为 Awesome 字体中的标记只是字体内部的字形，而不是独立的图像
如果地图上的标记不能放置在地图上，它的意义何在？我想知道是否有人使用地图上的标记以及他们是如何使用的。
你的意思是这样的吗：sites.google.com/site/gmapsdevelopment
那些很好，是的。但我想知道可以使用很棒的字体。我认为答案是否定的。

标签： javascript google-maps google-maps-api-3 font-awesome

【解决方案1】：

字体不能用于标记图像。

不过，nathan-m 将字体转换为图像，您可以使用它们：

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

他的answer对同一个问题有一个代码示例。

您可以手动包含 JS 文件，或使用 npm install fontawesome-markers 或 bower 安装 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)
});

【讨论】：