d3-celestial

d3-celestial copied to clipboard

Hi, Celestial maps are new for me. I am using this in Vue.

I am trying to add multiple celestial maps on the same page but it's not working. If I comment out any one of them then another one is working but both are not working at the same time. In my application, I have to give the ability to the user to view multiple maps(max 3).

What I saw in the Element tab is that the container tag is not generating after the canvas tag for the second map. (Ref 1st screenshot). container is generated for 1st map still both maps are not working.

Screenshot when both maps are uncommented

Screenshot when the first map is commented

Screenshot when the second map is commented

Please help, Thanks.

Hi @ofrohn, Any thoughts on this? Thanks.

You can just use an undocumented option container in your config file:

 return {
            adaptable: false,
            container: `CustomId`, // here you can define a custom container name
            'projection': 'airy',

Got the same issue. The container option isn't the fix unfortunately. When the second one is implemented; they both gone away.

If someone has a fix, please let me know :)