我正在设置地图标记,我想添加真棒字体标记。 我正在使用第三方api(OverlappingMarkerSpiderfier )需要标记URL。
现在我得到一个本地标记,marker.svg。但我想使用真棒字体的标记,无论如何都要调用真棒字体标记吗?
iconURL = 'marker.svg'
iconSize = new (google.maps.Size)(23, 32)
marker.setIcon
url: iconURL
scaledSize: iconSize
答案 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)
});