angularjs-google-maps信息窗口位置

时间:2017-04-04 09:26:54

标签: angularjs angularjs-google-maps

我使用angularjs-google-maps,我使用this示例作为我的应用程序。在vm.shops的控制器中,如果我改变了:

vm.shops = [
    {id:'1', name: 'FOO SHOP', position:[41,-87]},
    {id:'2', name: 'BAR SHOP', position:[42,-86]}
];

致:

vm.shops = [
    {id:1, name: 'FOO SHOP', position:[41,-87]},
    {id:2, name: 'BAR SHOP', position:[42,-86]}
];

因此,对于没有''的ID号,信息窗口会显示在同一位置的所有标记,并且此位置不在每个标记上方。提前致谢。

2 个答案:

答案 0 :(得分:1)

showInfoWindow期待一个字符串,因此您可以在shop.id上使用toString()

  vm.showDetail = function(e, shop) {
    vm.shop = shop;
    vm.map.showInfoWindow('foo-iw', shop.id.toString());
  };

Updated Demo

答案 1 :(得分:1)

您可以在showDetail功能中parse to string使用商店ID:

vm.map.showInfoWindow('foo-iw', shop.id + '');

Forked Plunker