ui-gmap-markers不起作用

Question

我试图使用angular-google-maps库在地图中放置一些标记,我可以使用但不是很多标记绘制一个标记.这是我的js代码.ui-gmap-markerui-gmap-markers

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>

我可以看到地图,console.log我可以看到places数组已正确设置,但我看不到任何标记!我的代码出了什么问题？

谢谢.

PS:注意我使用离子,即时通讯它与问题无关.

Answer 1

将您的idKey更改为id,或指定 <ui-gmap-markers models="vm.places" coords="'self'" icon="'icon'" idKey="'idKey'"></ui-gmap-markers>