izod517
Posts: 0
Joined: Mon May 13, 2019 4:04 pm

Placing multiple map markers in Gmap Component

I have followed the tutorial here:
https://docs.appery.io/docs/appbuilde...

And I'm proving unsuccessful. I can add individual single markers consistently, but I need add hundreds.

Using ng-repeat, I see each row rendered as spans but nothing is on the map.

I've also attempted to use the Markers option with a model and that is not rendering anything either.

$scope.storeData = [
{
latitude:'-82.8069851',
longitude: '33.2228819',
options: {
visible: true,
},
title:'test',
id: 11,
},
{
latitude:'-86.7530973',
longitude: '34.7538528',
options: {
visible: true,
icon: "https://i.imgur.com/...."
},
title:'test 2',
id: 12,
},
]

Image Image Image Image

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Placing multiple map markers in Gmap Component

Hello,

I see you haven't set controls properties there, please be sure all properties are set the same as you can see in the tutorial.

Please check if there are any errors in the browser console. You can learn here: https://docs.appery.io/docs/using-bro... how to open the console.

izod517
Posts: 0
Joined: Mon May 13, 2019 4:04 pm

Placing multiple map markers in Gmap Component

Thanks for the reply. I set the control to map.control and I have the same issue. There's no errors in the dev console. Note that the tutorial only mentions setting control on the map itself, but I set it to the children markers as well. Either way single markers still work, it's multiple markers using either the Markers with a model or a Marker with ng-repeat that refuse to render. I do see spans for them, but no marker is visible on the map.

izod517
Posts: 0
Joined: Mon May 13, 2019 4:04 pm

Placing multiple map markers in Gmap Component

I resolved this. I believe it had to do with overlap in the id values, but I'm not entirely positive.

Return to “Issues”