4.9 Coordinate Conversion Widget - Adding to a DIV

AdamCrateau1

I'm attempting to add the C.C. widget (4.9) to a container DIV in my app.  It works fine when I instantiate the widget using the default options, e.g.:

<SPAN class="keyword token">var</SPAN> coordsWidget <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">CoordinateConversion</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp; container<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"coordsDiv"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp; view<SPAN class="punctuation token">:</SPAN> view
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

However, when I try to add a custom coordinate format, I get an error in dojo.js that indicates some clash in naming of DOM nodes (I think)...

When I remove the container property, and add the C.C. widget directly to the MapView.UI, using the same code for adding of the custom coordinate format, it works fine.

Any thoughts?    Attached is the full text of the error from the console for reference..

FullError.txt.zip

mike.zip

Fig 1 CityEngine Model Rendered with Industry-standard CGI tool.png

ReneRubalcava

I've passed this on to the devs that work on this, but a fix for now is do it like the sample does.

&nbsp; coordsWidget<SPAN class="punctuation token">.</SPAN>conversions<SPAN class="punctuation token">.</SPAN><SPAN class="token function">splice</SPAN><SPAN class="punctuation token">(</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Conversion</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; format<SPAN class="punctuation token">:</SPAN> spn
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>
&nbsp; <SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

It seems to work as expected in that case.

Thanks!