<br>In Control.js: <br><br>&nbsp;&nbsp;&nbsp; /**<br>&nbsp;&nbsp;&nbsp;&nbsp; * @constructor<br>&nbsp;&nbsp;&nbsp;&nbsp; * <br>&nbsp;&nbsp;&nbsp;&nbsp; * @param {Object} options<br>&nbsp;&nbsp;&nbsp;&nbsp; */<br>&nbsp;&nbsp;&nbsp; initialize: function (options) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // We do this before the extend so that instances can override
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // className in options.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.displayClass = this.CLASS_NAME.replace(&quot;OpenLayers.&quot;, &quot;ol&quot;).replace(&quot;.&quot;,&quot;&quot;);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; OpenLayers.Util.extend(this, options);
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://this.id">this.id</a> = OpenLayers.Util.createUniqueID(this.CLASS_NAME + &quot;_&quot;);<br>&nbsp;&nbsp;&nbsp; },<br><br><br>the replace only replaces the first period.&nbsp; Better would be something like this:
<br><br><br>this.displayClass = this.CLASS_NAME.replace(&quot;OpenLayers.&quot;, &quot;ol&quot;).replace(/\./g,&quot;&quot;);<br><br><br><br>Regards,<br><br>Glen<br>