Google Maps Component - Data Binding


Hello everyone !

I am using “ember-g-map” in order to use google map (addon : ember-g-map). I have no problem to add route or markers using the associated components when hard coding them on the ‘application.hbs’ file. But I struggle add markers component dynamically using {{each}} !

Inside the ‘application.js’ file, I request latitude and longitude of some cities with ‘Google Maps Geocoding API’ and add them in an array. Then, inside the ‘application.hbs’ file, I loop over the the array using {{each}} to create multiple markers. All of this work is calculated after I press the ‘pullMongoDBData’ button, so there is no markers when at the beginning.

So is there a way to do it ? I can’t get it to work as intended.

The two files : application.js : application.hbs :

Thanks a lot by advance !