如何显示自定义图标而不是谷歌地图的默认标记

时间:2017-11-02 09:17:22

标签: google-maps google-maps-markers

我被要求在地图中显示公司的自定义图标。我一直在谷歌上搜索,发现RichMarker可以按照建议here

来做到这一点

以下是我已经尝试过的内容:

if (GoogleMap === false) {
        console.log(GoogleMap);
        $.getScript("https://maps.google.com/maps/api/js?key=MyKey&sensor=false&libraries=places,geometry")
            .done(function (script, textStatus) {
                initializeGoogleMap();
                GoogleMap = true;
            });
    }else{
        initializeGoogleMap();
    }
}

function initializeGoogleMap(){

var myLoc, map;

myLoc = {lat: 34.640765, lng: 50.874745};
map = new google.maps.Map(document.getElementById('map'), {
    zoom: 16,
    center: myLoc
});

var Marker = new google.maps.RichMarker({
   position: myLoc,
   map: map,
   content: "<i class='WMi-check'></i>"
});
}

但我在地图上什么都没得到。请帮助。

1 个答案:

答案 0 :(得分:0)

显示自定义图标而不是谷歌地图默认标记

False