我想使用字体真棒图标作为Google地图标记。 这是我的代码:
function addMarker(marker) {
marker1 = new google.maps.Marker({
position: new google.maps.LatLng(obj.geo_lat,obj.geo_lng),
category: obj.status,
map: map,
icon: // Font Awesome icon here
});
我查看过this个问题,但不幸的是,这对我来说不合适。 我想知道是否有另一种方法可以做到这一点。
答案 0 :(得分:4)
是的,有。您可以使用RichMarker
示例:
function addMarker(marker) {
marker1 = new RichMarker({
position: new google.maps.LatLng(obj.geo_lat,obj.geo_lng),
category: obj.status,
map: map,
draggable: false,
flat:true,
anchor: RichMarkerPosition.MIDDLE,
content: '<i class="fa fa-map-marker fa-2x"></i>'
});
}
答案 1 :(得分:2)
另一个可能的解决方案是这个(不使用其他外部库):
marker1 = new google.maps.Marker({
position: new google.maps.LatLng(obj.geo_lat,obj.geo_lng),
map: map,
label: {
fontFamily: 'Fontawesome',
text: '\uf192', //code for font-awesome icon
fontSize: '15px',
color: 'red'
},
icon: {
path: google.maps.SymbolPath.CIRCLE, //or any others
scale: 0
}
});