Question

我已阅读此角度指令Marker API guide中的所有内容，但我无法在地图上显示该标记。

这是HTML代码：

<ui-gmap-google-map center='map.center' zoom="map.zoom" draggable="false" options="options">
    <ui-gmap-markers models="marker.id" coords="marker.coords" icon="marker.options.icon"></ui-gmap-markers>
</ui-gmap-google-map>

这是处理地图对象的控制器：

angular.module（＆＃39; twoSpecials＆＃39;） .controller（＆＃39; MapCtrl＆＃39;，功能（$ scope，uiGmapGoogleMapApi）{

$scope.map = {

    center: {
        latitude : 45.5674402,
        longitude: 12.4277687
    },
    zoom: 15        
}

$scope.options = {scrollwheel: false,
                  styles: [
                           {
                            "featureType": "landscape.natural",
                            "stylers": [
                              { "saturation": 100 },
                              { "weight": 0.1 },
                              { "hue": "#0077ff" },
                              { "color": "#f5f5dc" }
                            ]
                           }
                          ],
                  disableDefaultUI: true,
                 };

$scope.marker = {
    id : 0,
    coords : {
        latitude : 45.5674402,
        longitude: 12.4277687
    },
    options: {
        icon: 'images/marker.jpg'
    }

}
  });

由于我使用Yeomann并且我使用此工具构建了Angular应用程序，因此我已将标记图标放在＆＃34;图像＆＃34; Yeomann创建的文件夹。我必须将图像放在另一个文件夹中吗？我是以错误的方式使用此指令吗？

Answer 1

您的ui-gmap-marks图标属性不正确。尝试icon =“marker.options.icon”。

Angular-Google-Maps未在地图上显示标记

1 个答案: