/**
|
* 全景按钮
|
* @author Wenyb
|
* @date 2015/6/29
|
*/
|
define([
|
"dojo/_base/declare",
|
"base/BaseControl",
|
"dojo/text!controls/sceneControl/SceneControl.html",
|
"iframe/jcyj/js/dataShow.js",
|
"widgets/myModules/monitorSpots",
|
"dojo/dom-style",
|
"dojo/on",
|
"base/AppEvent",
|
"base/ConfigData",
|
"dojo/_base/array",
|
"dojo/dom-class",
|
"dojo/dom-construct",
|
"dojo/mouse",
|
"dojo/dom-attr",
|
"dojo/_base/lang",
|
"esri/layers/GraphicsLayer",
|
"esri/graphic",
|
], function(
|
declare,
|
BaseControl,
|
template,
|
dataShow,
|
monitorSpots,
|
domStyle,
|
on,
|
AppEvent,
|
ConfigData,
|
arrayUtil,
|
domClass,
|
domConstruct,
|
mouse,
|
domAttr,
|
lang,
|
GraphicsLayer,
|
Graphic) {
|
var Widget = declare("SceneControl", [BaseControl], {
|
templateString: template,
|
visibleGroupLayerId:null,
|
visibleLayerSetId:null,
|
sceneControl:null,
|
noTextScene:null,
|
constructor: function(options) {
|
this.inherited(arguments);
|
declare.safeMixin(this, options);
|
|
this._map = options.map;
|
//初始化全景图层
|
this.sceneControl = new GraphicsLayer({id: 'sceneControl'});
|
this.noTextScene = new GraphicsLayer({id: 'noTextScene'})
|
//给每个点添加点击事件
|
this.sceneControl.on('click', this.monitorSpotsOnClick);
|
this.noTextScene.on('click', this.monitorSpotsOnClick);
|
this._map.addLayer(this.sceneControl);
|
this._map.addLayer(this.noTextScene);
|
|
this._grouplayers = [];
|
this._currentVisibleLayerlabel = null;
|
// this.base_class = "mapswitch-container";
|
this._galleryDomTable = {};
|
this._maps2galleryTable = {};
|
this._galleryLeaveHandlerTable = {};
|
// var baseMaps = ConfigData.basemap.grouplayers;
|
// for (var key in baseMaps) {
|
// var gl = baseMaps[key];
|
// if (gl.visible == true) {
|
// this._currentVisibleLayerlabel = gl.label;
|
// }
|
// this._grouplayers.push(gl.label);
|
// }
|
// this.gallery = ConfigData.basemap.gallerys[0];
|
// this.groups = ConfigData.basemap.grouplayers;
|
// this.index = [];
|
// this.galleryDom = null;
|
// AppEvent.addAppEventListener(AppEvent.SWITCH_BASEMAP, lang.hitch(this, this.onSwitchBaseMapHandler));
|
},
|
startup: function() {
|
ScenceControlObj = this;
|
ScenceControlObj.treecheck = [];
|
this.inherited(arguments);
|
if (!!window.ActiveXObject || "ActiveXObject" in window){
|
var isIE = true;
|
}else{
|
var isIE = false;
|
}
|
//获取数据并把点添加进图层
|
$.ajax({
|
url: getNativePath() + "panorama/queryAllPanoramas.do",
|
success:function(res){
|
res = res.data;
|
if(isIE){
|
var x = 9;
|
}else{
|
var x = -2;
|
}
|
for(var i in res){
|
var myPoint1 = {
|
"geometry": {
|
"x": res[i].lon,
|
"y": res[i].lat,
|
"spatialReference": {"wkid": 4490}
|
},
|
"attributes": {
|
id: res[i].id,
|
name: res[i].name,
|
SceneUrl: res[i].url || null,
|
x: res[i].lon,
|
y: res[i].lat,
|
},
|
"symbol": {
|
"type": "esriPMS",
|
"url": 'images/定位.png',
|
"imageData": null,
|
"contentType": "image/png",
|
"width": 20,
|
"height": 20,
|
"angle": 0,
|
"xoffset": 0,
|
"yoffset": 12
|
}
|
};
|
//添加带文字的图层
|
var text1 = {
|
"geometry": {
|
"x": res[i].lon,
|
"y": res[i].lat,
|
"spatialReference": {"wkid": 4490}
|
},
|
"symbol": {
|
"type": "esriTS",
|
"color": [16, 139, 171, 255],
|
"backgroundColor": [16, 139, 171, 255],
|
"borderLineSize": 1,
|
"borderLineColor": [16, 139, 171, 255],
|
"verticalAlignment": 'bottom',//<baseline | top | middle | bottom>
|
"horizontalAlignment": 'left',//<left | right | center | justify>
|
"rightToLeft": true,//<true | false>
|
"angle": 0,
|
"xoffset": 8,
|
"yoffset": x,
|
"kerning": true,//<true | false>
|
"font": {
|
"family": "wryh",
|
"size": 11,
|
"style": "normal",//<italic | normal | oblique>
|
"weight": 'bold',//<bold | bolder | lighter | normal>
|
"decoration": 'none',//<line-through | underline | none>
|
},
|
"text": res[i].name //only applicable when specified as a client-side graphic.
|
}
|
};
|
//每个点添加进图层
|
var gra1 = new Graphic(myPoint1);
|
var textpt1 = new Graphic(text1);
|
ScenceControlObj.sceneControl.add(gra1);
|
ScenceControlObj.sceneControl.add(textpt1);
|
}
|
|
for(var z in res){
|
var myPoint2 = {
|
"geometry": {
|
"x": res[z].lon,
|
"y": res[z].lat,
|
"spatialReference": {"wkid": 4490}
|
},
|
"attributes": {
|
id: res[z].id,
|
name: res[z].name,
|
SceneUrl: res[z].url || null,
|
x: res[z].lon,
|
y: res[z].lat,
|
},
|
"symbol": {
|
"type": "esriPMS",
|
"url": 'images/定位.png',
|
"imageData": null,
|
"contentType": "image/png",
|
"width": 20,
|
"height": 20,
|
"angle": 0,
|
"xoffset": 0,
|
"yoffset": 12
|
}
|
};
|
//每个点添加进图层
|
var gra2 = new Graphic(myPoint2);
|
ScenceControlObj.noTextScene.add(gra2);
|
}
|
}
|
});
|
|
//隐藏图层
|
var layer1 = this._map.getLayer("sceneControl");
|
layer1.setVisibility(false);
|
var layer2 = this._map.getLayer("noTextScene");
|
layer2.setVisibility(false);
|
|
sessionStorage.setItem('flag',false);
|
var flag,num;
|
var that = this;
|
|
this._map.on("zoom-end", zomChange);
|
function zomChange(event) {
|
num = that._map.getZoom();
|
if(flag){
|
if(num>7){
|
layer1.setVisibility(true);
|
layer2.setVisibility(false);
|
}else{
|
layer2.setVisibility(true);
|
layer1.setVisibility(false);
|
}
|
}
|
}
|
|
on(this.container, 'click', lang.hitch(this, function () {
|
|
if(sessionStorage.getItem('flag')){
|
flag = sessionStorage.getItem('flag');
|
}else{
|
flag = false;
|
}
|
//如果zoom大于7,显示带文字的图层，不大于7显示只有点的图层
|
if(flag == 'false'){
|
flag = false;
|
}else if(flag == 'true'){
|
flag = true;
|
}
|
flag = !flag;
|
if(flag){
|
if(num>7){
|
if(layer1 && layer1.visible){
|
layer1.setVisibility(false);
|
layer2.setVisibility(false);
|
}else{
|
layer1.setVisibility(true);
|
layer2.setVisibility(false);
|
}
|
}else{
|
if(layer2 && layer2.visible){
|
layer2.setVisibility(false);
|
layer1.setVisibility(true);
|
}else{
|
layer2.setVisibility(true);
|
layer1.setVisibility(false);
|
}
|
}
|
}else{
|
layer1.setVisibility(false);
|
layer2.setVisibility(false);
|
}
|
sessionStorage.setItem('flag',flag);
|
}));
|
|
// var tableDom = domConstruct.create("table", {}, this.container);
|
// domStyle.set(tableDom, "border-spacing", "0px 5px");
|
// arrayUtil.forEach(ConfigData.basemap.gallerys, lang.hitch(this, function(item, index) {
|
// var trDom = domConstruct.create("tr", {
|
// "galleryid": item.id
|
// }, tableDom);
|
// var tdDom = domConstruct.create("td", {
|
// "galleryid": item.id
|
// }, trDom);
|
//
|
// this._galleryDomTable[item.id] = tdDom;
|
// this._maps2galleryTable[item.id] = [];
|
// this._galleryLeaveHandlerTable[item.id] = null;
|
// on(tdDom, mouse.enter, lang.hitch(this,this._onGalleryDomMouseEnter));
|
// on(tdDom, mouse.leave, lang.hitch(this, this._onGalleryDomMouseLeave));
|
// }));
|
|
},
|
monitorSpotsOnClick: function (e) {
|
var graphic = e.graphic;
|
if(graphic.attributes){
|
var url = graphic.attributes.SceneUrl;
|
if(url != undefined || url != null){
|
$('.sceneBox').show();
|
}
|
$('.sceneBox').html('<a class="video-close"><img style="float:right;cursor: pointer" src="controls/sceneControl/close-sp.png" width="40"/></a>'+
|
'<iframe scrolling="no" frameborder=0 src="'+url+'"></iframe>');
|
$(".video-close").unbind().click(function(){
|
$('.sceneBox').hide();
|
$('.sceneBox').html("");
|
});
|
}
|
|
// $('.sceneBox').load(graphic.attributes.SceneUrl);
|
// graphic.attributes.itemList = {
|
// '实时数据': '鄱阳湖国家湿地公园',
|
// '历史数据': '鄱阳湖国家湿地公园',
|
// '全景': '鄱阳湖国家湿地公园',
|
// '视频监控': '鄱阳湖国家湿地公园',
|
// };
|
// //派发监测点弹窗
|
// AppEvent.dispatchAppEvent('popup', graphic);
|
}
|
});
|
return Widget;
|
});
|
