Question

我尝试使用angular-google-maps库在地图中放置一些标记，我可以使用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>

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

谢谢。

PS：注意即时通讯使用离子，即时通讯与此问题无关。

Answer 1

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

ui-gmap-markers不起作用

1 个答案: