| | |
| | | _this.geometry = info.geometry;//弹窗挂载的位置 |
| | | _this.id = info.id; |
| | | _this.entity=info.entity; |
| | | _this.type=info.type; |
| | | _this.content=info.content; |
| | | _this.ctn = $("<div class='bx-popup-ctn' id = '"+_this.id+"'>"); |
| | | |
| | | var entity={"id":_this.id,"dom":_this.ctn}; |
| | | Popup.prototype.dom.push(entity); |
| | | |
| | | $(_this.viewer.container).append( _this.ctn); |
| | | //测试弹窗内容 |
| | | var testConfig = { |
| | | header:_this.entity._name, |
| | | content:'<img class="image" style="width:100%;height:100%;max-width:200px;max-height:150px" src=""></img>' |
| | | //弹窗内容 |
| | | var testConfig; |
| | | if(_this.type=="image"){ |
| | | testConfig= { |
| | | header:_this.entity.title, |
| | | //header:"", |
| | | content:'<img class="image" style="width:100%;height:100%;max-width:200px;max-height:150px" src=""></img>' |
| | | } |
| | | } |
| | | else if(_this.type=="label"){ |
| | | testConfig= { |
| | | header:_this.entity.title, |
| | | //header:"", |
| | | content:'<textarea class="textarea" style="color:white;width:100%;height:150px;max-width:200px;max-height:150px;background:transparent;resize:none" readonly="true";></textarea>' |
| | | } |
| | | } |
| | | _this.ctn.append(_this.createHtml(testConfig.header,testConfig.content,_this.id)); |
| | | |
| | |
| | | var _this = this; |
| | | var position = Cesium.SceneTransforms.wgs84ToWindowCoordinates(_this.viewer.scene,geometry) |
| | | if(position!=null){ |
| | | _this.ctn.css("left",position.x- _this.ctn.get(0).offsetWidth/2); |
| | | _this.ctn.css("top",position.y- _this.ctn.get(0).offsetHeight - 10); |
| | | let w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; |
| | | let h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; |
| | | let x=position.x- _this.ctn.get(0).offsetWidth/2 |
| | | let y=position.y- _this.ctn.get(0).offsetHeight - 10; |
| | | if(x<0){ |
| | | x=330; |
| | | }else if(x>w){ |
| | | x=w; |
| | | } |
| | | if(y<0){ |
| | | y=0 |
| | | } |
| | | else if(y>h){ |
| | | y=h; |
| | | } |
| | | _this.ctn.css("left",x); |
| | | _this.ctn.css("top",y); |
| | | } |
| | | } |
| | | // 动态生成内容 |
| | |
| | | '</div>'+ |
| | | '</div>'+ |
| | | '<div class="bx-popup-tip-container" >'+ |
| | | '<div class="bx-popup-tip" >'+ |
| | | '</div>'+ |
| | | // '<div class="bx-popup-tip" >'+ |
| | | // '</div>'+ |
| | | '</div>'+ |
| | | '<a class="leaflet-popup-close-button" onClick="Popup.prototype.close(\''+id+'\')">X</a>'; |
| | | return html; |