第二十一章 卷帘影像

卷帘方法 

splitimg:function(){
			this.splitobj= new Splitimg(viewer, "http://localhost:8080/hjxz/image/mapKunm/", "http://localhost:8080/hjxz/image/mapKunm/");
			this.splitobj.setColor("rgba(255,255,0,1)");
			viewer.zoomTo(this.splitobj._left);
			//    split.setEnable(value)
		},

 设置两个不同的影像

this.splitobj= new Splitimg(viewer, "http://localhost:8080/hjxz/image/mapKunm/", "http://localhost:8080/hjxz/image/mapKunm/"); 

卷帘工具条

<!-- 卷帘工具条 -->
<div id="slider">
	<div class="splitter">

		<svg width="19px" height="28px" viewBox="0 0 19 28" version="1.1" xmlns="http://www.w3.org/2000/svg"
			xmlns:xlink="http://www.w3.org/1999/xlink">
			<path
				d="M0.6551724,2.3448276 L0.6551724,25.6551724 C0.6551724,26.6454761 1.4579722,27.4482759 2.4482759,27.4482759 C3.4385796,27.4482759 4.2413793,26.6454761 4.2413793,25.6551724 L4.2413793,2.3448276 C4.2413793,1.3545239 3.4385796,0.5517241 2.4482759,0.5517241 C1.4579722,0.5517241 0.6551724,1.3545239 0.6551724,2.3448276 L0.6551724,2.3448276 Z M7.6551724,2.3448276 L7.6551724,25.6551724 C7.6551724,26.6454761 8.4579722,27.4482759 9.4482759,27.4482759 C10.4385796,27.4482759 11.2413793,26.6454761 11.2413793,25.6551724 L11.2413793,2.3448276 C11.2413793,1.3545239 10.4385796,0.5517241 9.4482759,0.5517241 C8.4579722,0.5517241 7.6551724,1.3545239 7.6551724,2.3448276 L7.6551724,2.3448276 Z M14.6551724,2.3448276 L14.6551724,25.6551724 C14.6551724,26.6454761 15.4579722,27.4482759 16.4482759,27.4482759 C17.4385796,27.4482759 18.2413793,26.6454761 18.2413793,25.6551724 L18.2413793,2.3448276 C18.2413793,1.3545239 17.4385796,0.5517241 16.4482759,0.5517241 C15.4579722,0.5517241 14.6551724,1.3545239 14.6551724,2.3448276 L14.6551724,2.3448276 Z"
				id="splitter"></path>
		</svg>
	</div>
</div>

 清除卷帘

splitdestroyimg:function(){
			if(this.splitobj){
			   this.splitobj.destroy();
			   this.splitobj=null;
			}
			 
		}