字体真棒标记不出现在小提琴地图

Question

我是一个jsfiddle的新手，似乎无法让我的字体真棒标记到这个小提琴。有人能告诉我什么是问题吗？

<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); 

https://jsfiddle.net/rv2eyexs/1/

Answer 1

Updated JSFiddle

我想你忘记了fontawesome-marker包添加到您的小提琴源。我更新了JSFiddle并且工作正常。

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