字体真棒标记没有出现在小提琴地图上

时间:2017-04-05 17:24:17

标签: google-maps-api-3 font-awesome jsfiddle

我是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/

1 个答案:

答案 0 :(得分:0)

Updated JSFiddle

我想您忘了将fontawesome-marker包添加到您的小提琴源中。我更新了JSFiddle,工作正常。

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