javascript - Font Awesome 图标作为 Google Maps API V3 中的标记

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

我想使用字体很棒的图标作为 Google map 标记。 这是我的代码:

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问题,但不幸的是,这对我来说不能正常工作。 我想知道是否有另一种方法可以做到这一点。

最佳答案

是的,有。您可以使用 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>'
        });
}

关于javascript - Font Awesome 图标作为 Google Maps API V3 中的标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36764519/

相关文章:

javascript - 使用 React 创建的表单不会更新支持状态对象

javascript - 使用 addDomListener 传递参数以初始化函数

Android 谷歌地图 V2 删除单个标记

JAVASCRIPT --> 为什么我会收到错误消息 "Uncaught TypeError: number is not a function "?

javascript - 如何下载 bootstrap-dialog.min.js?

javascript - 链接到 div 无法正常工作(仅限 chrome)

javascript - 如何将此点击菜单更改为悬停菜单?

google-maps - 如何在谷歌地图中使用多边形绘制圆

javascript - 如何在Google Maps API中组织数千个数据点?

google-maps-api-3 - 放大 Google Map Api 时会出现恼人的白色闪烁