<br><div><div><br></div></div><div class="gmail_extra"><br><br><div class="gmail_quote">2012/12/4 Gery <span dir="ltr"><<a href="mailto:gamejihou@hotmail.com" target="_blank">gamejihou@hotmail.com</a>></span><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
Thanks Donald, Alexandre, Sergeant and Mark for the ideas. I think Mark's<br>
solution is what I have in mind, Mark could you share an example about using<br>
this UpdateLegendControl.js script please? I went through it but I'm<br>
confused about how to use it.<br></blockquote><div><br></div>you just add it to a map as a control while passing a div or other container element that you want to hold the legend:<div><br></div><div><pre style="margin-top:0px;margin-bottom:0px;padding:0px;border:0px;font-size:12px;font-family:Consolas,'Liberation Mono',Courier,monospace;color:rgb(51,51,51);line-height:16px">
<div class="" id="LC168" style="margin:0px;padding:0px 0px 0px 10px;border:0px"><span class="" style="margin:0px;padding:0px;border:0px">_map</span><span class="" style="margin:0px;padding:0px;border:0px">.</span><span class="" style="margin:0px;padding:0px;border:0px">addControl</span><span class="" style="margin:0px;padding:0px;border:0px">(</span><span class="" style="margin:0px;padding:0px;border:0px;font-weight:bold">new</span> <span class="" style="margin:0px;padding:0px;border:0px">UpdateLegendControl</span><span class="" style="margin:0px;padding:0px;border:0px">({</span></div>
<div class="" id="LC169" style="margin:0px;padding:0px 0px 0px 10px;border:0px"><span class="" style="margin:0px;padding:0px;border:0px">         div</span> <span class="" style="margin:0px;padding:0px;border:0px;font-weight:bold">:</span> <span class="" style="margin:0px;padding:0px;border:0px">jQuery</span><span class="" style="margin:0px;padding:0px;border:0px">(</span><span class="" style="margin:0px;padding:0px;border:0px;color:rgb(221,17,68)">'#</span>legendDiv<span class="" style="margin:0px;padding:0px;border:0px;color:rgb(221,17,68)">'</span><span class="" style="margin:0px;padding:0px;border:0px">)[</span><span class="" style="margin:0px;padding:0px;border:0px;color:rgb(0,153,153)">0</span><span class="" style="margin:0px;padding:0px;border:0px">]</span></div>
<div class="" id="LC170" style="margin:0px;padding:0px 0px 0px 10px;border:0px"><span class="" style="margin:0px;padding:0px;border:0px">}));</span></div></pre></div><div><br></div><div>like shown here: <a href="https://github.com/MinELenI/CBSviewer/blob/master/src/main/js/Viewer.js#L168">https://github.com/MinELenI/CBSviewer/blob/master/src/main/js/Viewer.js#L168</a><div>
The div should be styled and positioned with some css</div><div><br></div></div><div><br></div></div><div><br></div>-- <br>Disclaimer;<br>This message is just a reflection of what I thought at the time of sending. The message may contain information that is not intended for you or that you don't understand.<br>

</div>