Question

我在我的网页上设置了Google地图，并希望在其上放置一个标记。我只需要一个标记，其中coords是地图的中心，但不知何故我的标记没有显示（地图正确加载，缩放和居中）。

控制台没有错误，所以我不知道出了什么问题。

这是我的HTML：

<ui-gmap-google-map center='map.center' zoom='map.zoom'>
            <ui-gmap-marker ng-model="marker" idkey="0" coords="'coords'"></ui-gmap-markers>
        </ui-gmap-google-map>

和我的控制员：

'use strict';

angular.module('ZICApp')
    .controller('LandingController', function ($scope) {
        // google map settings
        $scope.map = { 
            center: { latitude: 46.042356, longitude: 14.487859 },
            zoom: 16 
        };

        // google map marker settings
        $scope.marker = [
        {
        id: 0,
        coords: {
            latitude: 46.042356,
            longitude: 14.487859
            }
        }
        ];
    });

Answer 1

必须更改我的html (model to models, and idkey="0" to idKey="idKey")，所以html标记标记现在看起来像这样：

<ui-gmap-markers models="marker" coords="'self'" icon="'icon'" idKey="'idKey'"></ui-gmap-markers>

我还将控制器中的id键更改为1：

$scope.marker = [
{
    idKey: 1,
    latitude: 46.042356,
    longitude: 14.487859
}
];

标记现在正确显示。

uiGmapgoogle-maps标记未显示

1 个答案: