angularjs - Angular 谷歌地图自定义标记图标

Question

我无法创建自定义标记。即使我将图像路径传递给 icon 参数，我仍然得到默认的橙色标记。
如果您发现任何问题，请告诉我。

指令模板:

<div id="searchMap" class="googleMaps-destinations">
<div class="google-maps">
    <ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options">
        <ui-gmap-marker 
            ng-repeat="marker in search.origin_airports" 
            coords="marker.originMarker.location" 
            icon="marker.originMarker.icon.url" 
            fit="false" 
            idkey="'<< marker.originMarker.id >>'" >
        </ui-gmap-marker>
    </ui-gmap-google-map>
</div>

我正在使用://maps.googleapis.com/maps/api/js?v=3&sensor=true 与 angular-google-maps/dist/angular-google-maps.js

Answer 1

错过了那个图标是一个对象。

 icon= '{url:    "//developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png" }'