Angularjs ui gmap标记不工作

Angularjs ui gmap标记不工作,angularjs,google-maps,Angularjs,Google Maps,我试图使用谷歌地图库在地图中放置一些标记,我可以使用ui-gmap-marker绘制一个标记,但不能使用ui-gmap-markers绘制多个标记。这是我的js代码 angular.module('myApp').controller('homeController', [homeController]); function homeController(){ var vm = this; vm.map = { center:{ lat

我试图使用谷歌地图库在地图中放置一些标记,我可以使用
ui-gmap-marker
绘制一个标记,但不能使用
ui-gmap-markers
绘制多个标记。这是我的js代码

angular.module('myApp').controller('homeController', [homeController]);

function homeController(){
    var vm = this;

    vm.map = {
        center:{
            latitude: 46.8032826,
            longitude: -71.242796
        },
        zoom: 12
    };

    vm.places = [
                 {
                   idKey: 583187,
                   latitude: 46.7682,
                   longitude: -71.3234,
                   title: "title"
                 }
               ];
};
html

<ion-view ng-controller="homeController as vm">
<ui-gmap-google-map draggable="true" center="vm.map.center" zoom="vm.map.zoom">
    <ui-gmap-markers models="vm.places" coords="'self'" icon="'icon'"></ui-gmap-markers>
</ui-gmap-google-map>
</ion-view>

我可以通过
控制台看到地图。log
我可以看到
位置
数组设置正确,但我看不到任何标记!我的代码有什么问题

多谢各位


注:请注意,我使用的是爱奥尼亚,我相信这与问题无关。

将您的idKey更改为id,或者指定