Angular Google Maps 组件图标不起作用

Posted 2023-03-16

【中文标题】Angular Google Maps 组件图标不起作用

【英文标题】：Angular Google Maps component Icon is not working

【发布时间】：2021-04-10 14:14:24

【问题描述】：

我使用Angular Google Maps component，除自定义图标外，其他一切工作正常。我已经设置如下。你能告诉我为什么它不起作用吗？

 mapOptions = 
            center:  lat: store.latitude, lng: store.longitude ,
            zoom: 11,
            mapId: environment.googleMapId,
            icon: 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
            

         as google.maps.MapOptions;

【参考方案1】：

我的错。我需要将其设置在MarkerOptions 下，如下所示：

markerOptions: 
                icon: 
                    url:
                        'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
                   

                , draggable: false