Ember-mapbox-gl, chnage layers and create new map without specify options in environment.js

Ember Data
1

I’m pretty new user in Ember world, so still trying to get hang of it :slight_smile: I am trying to make ember-mapbox-gl works on my app. I can’t find any good documentation on that in the internet. Obviously, I used the only source GitHub - kturney/ember-mapbox-gl: Ember integration for Mapbox GL JS to install that and build a map component in my app. As I noticed {{#mapbox-gl/}} tag works as a container of the map element and get the style, container name and zoom from config/environment.js. I want to create new map object with different style every time the user clicks on a certain button in the app. if I use mapbox GL JS,

var map = new mapboxgl.Map({
container: 'map', // container id
style: 'mapbox://styles/mapbox/streets-v11', // style URL
center: [-74.5, 40], // starting position [lng, lat]
zoom: 9 // starting zoom
});

will create new map with custom options for me, but not sure how can I achieve that with ember-mapbox-gl?

2

solved ! it can be done in initoption=() when the map is created in it’s container.