我可以在URL请求中使用真棒字体吗?

时间:2017-05-16 05:34:31

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

我正在设置地图标记,我想添加真棒字体标记。 我正在使用第三方api(OverlappingMarkerSpiderfier )需要标记URL。

现在我得到一个本地标记,marker.svg。但我想使用真棒字体的标记,无论如何都要调用真棒字体标记吗?

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

1 个答案:

答案 0 :(得分: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)
});