Google maps api 3 字体标记不会出现在小提琴地图上

Google maps api 3 字体标记不会出现在小提琴地图上,google-maps-api-3,font-awesome,jsfiddle,Google Maps Api 3,Font Awesome,Jsfiddle,我是JSFIDLE的新手,似乎无法将我的字体标记放到这个小提琴上。有人能告诉我是什么问题吗 <div id="googleMap" style="width:500px;height:380px;"></div> var myCenter = new google.maps.LatLng(51.508742, -0.120850); function initialize() { var mapProp = { center: myCenter

我是JSFIDLE的新手,似乎无法将我的字体标记放到这个小提琴上。有人能告诉我是什么问题吗

<div id="googleMap" style="width:500px;height:380px;"></div>

var myCenter = new google.maps.LatLng(51.508742, -0.120850);

function initialize() {
    var mapProp = {
        center: myCenter,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
    var marker = new google.maps.Marker({
       position: myCenter,
       map: map,
       icon: {
        path: fontawesome.markers.MAP_MARKER,
        scale: 0.5,
        strokeWeight: 0.2,
        strokeColor: '#9300D6', 
        strokeOpacity: 1,
        fillColor: '#D69112',
        fillOpacity: 1
        }
    });

    /*var marker = new google.maps.Marker({
        position: myCenter,
    });*/

    marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

var myCenter=newgoogle.maps.LatLng(51.508742,-0.120850);
函数初始化(){
var mapProp={
中心:迈森特,
缩放:15,
mapTypeId:google.maps.mapTypeId.TERRAIN
};
var map=new google.maps.map(document.getElementById(“googleMap”),mapProp);
var marker=new google.maps.marker({
职位:迈森特,
地图:地图,
图标:{
路径:fontawesome.markers.MAP_MARKER,
比例:0.5,
冲程重量:0.2,
strokeColor:“#9300D6”,
频闪不透明度:1,
填充颜色:'#D69112',
不透明度:1
}
});
/*var marker=new google.maps.marker({
职位:迈森特,
});*/
marker.setMap(map);
}
google.maps.event.addDomListener(窗口“加载”,初始化);

我想你忘了把包添加到你的小提琴源中。我更新了JSFIDLE,效果很好

https://rawgit.com/nathan-muir/fontawesome-markers/master/fontawesome-markers.min.js