d3-celestial icon indicating copy to clipboard operation
d3-celestial copied to clipboard

Unable to add multiple celestial maps

Open aniket-kale opened this issue 2 years ago • 4 comments

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 image

Screenshot when the first map is commented image

Screenshot when the second map is commented image

Please help, Thanks.

aniket-kale avatar Jun 19 '22 18:06 aniket-kale

Hi @ofrohn, Any thoughts on this? Thanks.

aniket-kale avatar Jun 20 '22 06:06 aniket-kale

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',

qubiack avatar Jan 20 '23 21:01 qubiack

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 :)

johnvanhulsen avatar Mar 31 '23 12:03 johnvanhulsen