angularjs-google-maps Info window position

Question

I work with angularjs-google-maps and I used this example for my application. In the controller at vm.shops if I change the:

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

To:

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

So the id number is without '' the info Window appears for all markers in the same position and this position is not above each marker.

Michael Doye · Accepted Answer · 2017-04-04 09:37:53Z

1

showInfoWindow is expecting a string, so you can use toString() on shop.id:

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

answered Apr 4, 2017 at 9:37

Michael Doye

8,2115 gold badges43 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:26:10Z

1

You can parse to string your shop IDs in the showDetail function:

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

CommunityBot

11 silver badge

answered Apr 4, 2017 at 9:43

Mistalis

18.3k14 gold badges78 silver badges97 bronze badges