//var map;
|
var selectedFeature;
|
var offlineRest=true;
|
Proj4js.Proj["CRS:84"]=Proj4js["EPSG:4326"];
|
Proj4js.Proj["CRS:84"];
|
|
/* epsg variables */
|
//var epsg900913 = new OpenLayers.Projection("EPSG:900913");
|
var epsg3857= new OpenLayers.Projection("EPSG:3857");
|
var wgs84 = new OpenLayers.Projection("EPSG:4326");
|
var crs84 = new OpenLayers.Projection("EPSG:4326");
|
crs84.proj.srsCode="CRS:84";
|
crs84.proj.srsCodeInput="CRS:84";
|
crs84.projCode="CRS:84";
|
crs84.swapXY=true;
|
|
var tw97 = new OpenLayers.Projection("EPSG:3826");
|
var tw67 = new OpenLayers.Projection("EPSG:3828");
|
//OpenLayers.Projection.addTransform("EPSG:4326", "EPSG:3857", OpenLayers.Layer.SphericalMercator.projectForward);
|
//OpenLayers.Projection.addTransform("EPSG:3857", "EPSG:4326", OpenLayers.Layer.SphericalMercator.projectInverse);
|
|
|
Proj4js.reportError = function (msg) {
|
alert(msg);
|
}
|
//IE halt @ OpenLayers.Renderer.VML.LABEL_SHIFT.e undefined
|
//OpenLayers.Renderer.VML.LABEL_SHIFT.e=1;//Doesn't know
|
var epsgws84_bounds=new OpenLayers.Bounds(117.0305,21.6294,125.7583,26.6151) ;
|
var bounds = new OpenLayers.Bounds(116.517197643768,20.6442266131947,124.718539835259,26.4492775120834);
|
var epsg3857_bounds = new OpenLayers.Bounds(116.517197643768,20.6442266131947,124.718539835259,26.4492775120834);
|
var geojson_format = new OpenLayers.Format.GeoJSON({
|
'internalProjection': epsg3857, //wgs84,
|
'externalProjection': wgs84
|
});
|
|
|
var featurecollection={"type":"FeatureCollection","features":[]};
|
//var ajaxJson= new AjaxJson();
|
var gJsonParser= new GJSonParser();
|
|
OpenLayers.Projection.transform = function(point, source, dest) {
|
if (source && dest) {
|
|
if (!(source instanceof OpenLayers.Projection)) {
|
//console.log('new src');
|
source = new OpenLayers.Projection(source);
|
}
|
if (!(dest instanceof OpenLayers.Projection)) {
|
//console.log('new des');
|
dest = new OpenLayers.Projection(dest);
|
}
|
// debugger;
|
if (source.proj && dest.proj) {
|
//console.log(source.proj,'-->', dest.proj);
|
point = Proj4js.transform(source.proj, dest.proj, point);
|
} else {
|
|
var sourceCode = source.getCode();
|
var destCode = dest.getCode();
|
var transforms = OpenLayers.Projection.transforms;
|
if (transforms[sourceCode] && transforms[sourceCode][destCode]) {
|
transforms[sourceCode][destCode](point);
|
}
|
}
|
}
|
return point;
|
};
|
|
|
|
|
function onPopupClose(evt) {
|
selectControl.unselect(selectedFeature);
|
}
|
|
//var handlePopup;
|
function onFeatureSelect(feature) {
|
|
/*
|
//selectedFeature = feature;
|
if(handlePopup){
|
e.feature.layer.map.removePopup(handlePopup);
|
handlePopup.destroy();
|
handlePopup = null;
|
}
|
handlePopup=new OpenLayers.Popup.FramedCloud(
|
"chicken",
|
feature.geometry.getBounds().getCenterLonLat(),
|
null,
|
feature.attributes.descript+'<br />'+'<a href="#" onclick="...">修改</a>',
|
null,
|
true
|
);
|
feature.layer.map.addPopup(handlePopup);
|
*/
|
}
|
|
function onFeatureUnselect(feature) {
|
//map.removePopup(feature.popup);
|
//feature.popup.destroy();
|
//feature.popup = null;
|
|
}
|
//not use
|
|
//not use^
|
|
|
function onFeatureOver(e)
|
{e.feature.renderIntent = "select"; e.feature.layer.drawFeature(e.feature);
|
}
|
|
function onFeatureOut(e)
|
{ e.feature.renderIntent = "default"; e.feature.layer.drawFeature(e.feature);}
|
|
var cqlformat = new OpenLayers.Format.CQL();
|
|
var setCQL=function(layer,cql){
|
if(cql!=null)
|
if(cql.length>3500)
|
{
|
alert('資料過多,如無法正常顯示,請減少資料量') ;
|
}
|
//var nq=cqlformat.read(cql);
|
delete layer.params.CQL_FILTER;
|
layer.mergeNewParams({'CQL_FILTER':cql});
|
//layer.redraw();
|
//debugger;
|
//layer.params.CQL_FILTER=nq;
|
// console.log(cql);
|
};
|
var setAVALUES=function(layer,cql){
|
if(cql!=null)
|
if(cql.length>3500)
|
{
|
alert('資料過多,如無法正常顯示,請減少資料量') ;
|
}
|
//var nq=cqlformat.read(cql);
|
delete layer.params.AVALUES;
|
layer.mergeNewParams({'AVALUES':'1=0;'+cql+',2=2;'+cql});
|
//layer.redraw();
|
//debugger;
|
//layer.params.CQL_FILTER=nq;
|
// console.log(cql);
|
};
|
function init(maptag,config) {
|
|
var styleHighLight = new OpenLayers.Style(
|
{
|
"strokeWidth": 3, "labelOutlineColor": "#FFCCCC",
|
"labelOutlineWidth": 5 ,
|
"pointRadius": 8, "fillColor": "#006666",
|
"fillOpacity": 0.6, "strokeColor": "#006060",
|
|
"labelYOffset": -15,
|
"fontSize": "12px",
|
"pointerEvents": "visiblePainted",
|
"label": "${descript}",
|
"labelAlign": "left"
|
|
// "label" : '${key}'
|
});
|
var styleHighLightYellow = new OpenLayers.Style(
|
{
|
"strokeWidth": 3,
|
"pointRadius": 8, "fillColor": "#B0B0B0",
|
"fillOpacity": 0.6, "strokeColor": "#A0A0A0"
|
});
|
//styles
|
var styleJustGreen = new OpenLayers.Style(
|
{
|
"strokeWidth": 1,
|
"pointRadius": 6, "fillColor": "#006600",
|
"fillOpacity": 1, "strokeColor": "#303030"
|
|
//"label" : '${location}',
|
});
|
var styleYellow = new OpenLayers.Style(
|
{
|
"strokeWidth": 1,
|
"pointRadius": 6, "fillColor": "#DDDD00",
|
"fillOpacity": 0.5, "strokeColor": "#D00000"
|
|
//"label" : '${location}',
|
});
|
var styleJustGreenS1 = new OpenLayers.Style(
|
{
|
"strokeWidth": 5,
|
"pointRadius": 4, "fillColor": "#66AA66",
|
"fillOpacity": 0.7, "strokeColor": "#3030AA",
|
"labelYOffset": 0,
|
"labelAlign": "left",
|
"labelOutlineColor": "white",
|
"labelOutlineWidth": 0,
|
"fontSize": "12px",
|
"pointerEvents": "visiblePainted",
|
//"fontWeight": "bold",
|
"label" : "${number}" ,
|
"labelOutlineColor": "#FFCCCC",
|
"labelOutlineWidth": 5
|
});
|
// styles^
|
|
//var baselayer=createLayer('TGOS地型', {id:"tgos",baselayer:true,content:"http://gis.sinica.edu.tw/tgos/wmts",layerType:"tgos", layerid:"ROADMAP_W",projection:"EPSG:3857"});
|
//{layerType:'google'});
|
|
//var baselayer=createLayer('basemap0', {baselayer:true,layerType:'vector',projection:epsg3857,maxExtent:epsg3857_bounds
|
//});
|
|
//TTTHHIIISS
|
var baselayer=createLayer('basemap0', { layerType:"wmts" ,projection:"EPSG:3857",
|
baselayer:false,layerType:"wmts",content:"http://maps.nlsc.gov.tw/S_Maps/wmts", layerid:"EMAP",projection:"EPSG:3857"
|
});
|
|
//var baselayer=createLayer('basemap1', { layerType:"google" ,projection:"EPSG:3857"
|
// baselayer:false,layerType:"wmts",content:"http://maps.nlsc.gov.tw/S_Maps/wmts", layerid:"EMAP",projection:"EPSG:3857"
|
//});
|
|
|
var map;
|
var dwc;
|
if(typeof(maptag)=='undefined'||maptag=='') maptag='map';
|
map = new OpenLayers.Map(maptag, {
|
"projection": epsg3857,
|
"displayProjection" : wgs84,
|
allOverlays: true,
|
"layers": [baselayer],
|
//maxExtent:epsgws84_bounds,
|
eventListeners:
|
{
|
'featureover': onFeatureOver,
|
'featureout': onFeatureOut
|
},
|
controls:[new OpenLayers.Control.Navigation(), new OpenLayers.Control.Zoom(),new OpenLayers.Control.MousePosition(),new OpenLayers.Control.ScaleLine()
|
//,new OpenLayers.Control.LayerSwitcher()
|
],
|
//bounds:bounds,
|
center: new OpenLayers.LonLat(121.51, 24.95) //(121.506784, 23.03276)
|
// Google.v3 uses web mercator as projection, so we have to
|
// transform our coordinates
|
.transform(wgs84, epsg3857),
|
zoom:13
|
});
|
baselayer.setVisibility(true);
|
/*
|
map.events.register("zoomend", map, function(ev)
|
{
|
var zLv=this.getZoom();
|
if(zLv<=10){
|
parent.document.getElementById("L0panel").style.display='';
|
parent.document.getElementById("L1panel").style.display='none';
|
parent.document.getElementById("L2panel").style.display='none';
|
//show lv0
|
}
|
else if(zLv<=14){
|
//show lv1
|
parent.document.getElementById("L0panel").style.display='none';
|
parent.document.getElementById("L1panel").style.display='';
|
parent.document.getElementById("L2panel").style.display='none';
|
}
|
else
|
{
|
parent.document.getElementById("L0panel").style.display='none';
|
parent.document.getElementById("L1panel").style.display='none';
|
parent.document.getElementById("L2panel").style.display='';
|
//show lv2
|
}
|
|
});
|
*/
|
var tempLayer;
|
var queryHandle=new AProto();
|
|
//!! BUG ---@ PROJECTION
|
var facQuery = TPCFeatureInfoCtrl({ projection: "EPSG:3826", map: map, filterDgn: true}, function (e) {
|
var ctlloc_facquery=new CtlLocate(map,{layer:'highlight'});
|
|
if(typeof(e)!='undefined')
|
{
|
if(typeof( e.event)!='undefined')
|
{
|
if(e.event.features.length>0)
|
{
|
//however we require 4326, return X;
|
|
var paramsOfLocate={projection:e.event.object.projection,clearAll:true,
|
drawAs:'wkt',wkt:e.event.features[0].geometry.toString()};
|
/* skip
|
if(queryHandle.getConfig().locate||false)
|
{
|
paramOfLocate['zoomToRange']=true;
|
}*/
|
|
ctlloc_facquery.action(paramsOfLocate);
|
|
queryHandle.callAction(e.event.features[0].attributes);
|
}
|
}
|
return;
|
|
//debugger;
|
//var ctlLocate=null;
|
var dataParams=[];
|
for(var aFeatureKey in e.features)
|
{
|
var aFeature= e.features[aFeatureKey];
|
|
|
var labelName=fscMapping.hasOwnProperty(aFeature.attributes.tid)?fscMapping[aFeature.attributes.tid]:'其他設備';
|
//aPnlItem
|
|
|
var oidLabel=aFeature.attributes.hasOwnProperty('oid')?aFeature.attributes.oid:'0';
|
|
// attribFrm.items.get('tabpnl').add( aPnlItem );
|
var dataParam={};
|
if(useProxy)
|
{
|
dataParam["dmmsuser"]="";
|
dataParam["url"]=restUrl+'/json';
|
}
|
dataParam["distId"]=aFeature.attributes.did;
|
dataParam["clsId"]=aFeature.attributes.tid;
|
dataParam["oId"]=aFeature.attributes.oid;
|
|
dataParams.push(dataParam);
|
|
/*
|
ajaxJson.ajaxGet(
|
{
|
oid: aFeature.attributes.oid,
|
ret: aPnlItem,
|
url:((useProxy?OpenLayers.ProxyHost.split('?')[0]:restUrl+'/dmmsfeatureinfos.json') ),//'/geodmms/rest/dmmsfeatureinfos.json'),
|
header:{'Authorization': "Basic " + btoa('geodmms'+ ":" + 'geodmms')},
|
data:dataParam,
|
'success': function(request) {
|
//console.log(request);
|
var subPnl;
|
// lastJson= request.response;
|
var vjson=eval('('+request.response+')');
|
|
var vValueArray;
|
//alert('request.status is '+request.status);
|
//alert('vjson is '+vjson);
|
var vkeyCount=0;
|
for(var vkey in vjson[0])
|
{
|
vValueArray={items:[]};
|
var vName=(vjson[0][vkey].length>0)? vjson[0][vkey]:[];
|
var vValue;
|
if(vjson.length>1)
|
{
|
if(typeof(vjson[1][vkey])=='undefined'){vValue=[];}
|
else
|
vValue=(vjson[1][vkey].length>0)? vjson[1][vkey]:[]
|
}
|
else
|
vValue=[];
|
// var vValue=(vjson[0][vkey].length>1)? vjson[1][vkey]:'';
|
for(var idx=0;idx<vName.length;idx++)
|
{
|
vValueArray.items.push({name:vName[idx],value:(vValue.length>idx)?vValue[idx]:""});
|
}
|
|
var subStore= Ext.create('Ext.data.Store', {
|
fields: ['name', 'value'],
|
data: vValueArray,
|
proxy: {
|
type: 'memory',
|
reader: {
|
type: 'json',
|
root: 'items'
|
}
|
}
|
});
|
// lastStore= subStore ;
|
// console.log(subStore) ;
|
|
var subPnl=Ext.create('Ext.grid.Panel',
|
{title:vkey+(vkeyCount<1?('('+this.oid+')'):''), columns: [
|
{text: '屬性名稱', width: 140, sortable: true, dataIndex: 'name'},
|
{text: '屬性值', flex: 1, sortable: true, dataIndex: 'value'}],
|
store: subStore
|
|
}) ;
|
attribFrm.items.get('tabpnl').items.get(this.ret.id).add(subPnl);
|
//debugger;
|
//aPnlItem.add(subPnl);
|
attribFrm.items.get('tabpnl').setActiveTab(aPnlItem);
|
vkeyCount++;
|
}
|
|
}
|
}) ;
|
*/
|
}
|
|
if(adptProc)
|
{
|
adptProc(dataParams);
|
}
|
//debugger;
|
} //{layout:'fit',width:800,height:480}
|
|
});
|
|
for(var idx=0;idx<layerList.length;idx++)
|
{
|
|
var thisLayerDef= layerList[idx];
|
if(map.getLayersByName(thisLayerDef.id).length==0)
|
{
|
var tempLayer;
|
var content_forLayer;
|
if(typeof(thisLayerDef.layerinfo.content)!='undefined')
|
{
|
content_forLayer = thisLayerDef.layerinfo.content;
|
|
}
|
else
|
content_forLayer=wmsUrl ;
|
var optionOfLayer={layerType:thisLayerDef.layerinfo.layerType,
|
layerid:thisLayerDef.layerinfo.layerid,content:content_forLayer,
|
projection:thisLayerDef.layerinfo.projection};
|
/* if(typeof(thisLayerDef.proj4JSPath)!='undefined')
|
{
|
optionOfLayer['proj4JSPath']=thisLayerDef.proj4JSPath;
|
} */
|
|
tempLayer=createLayer(thisLayerDef.id,optionOfLayer);
|
|
map.addLayer(tempLayer);
|
|
tempLayer.setVisibility(thisLayerDef.showdef);
|
|
if(thisLayerDef.featureinfo)
|
{
|
if(facQuery!=null)
|
{
|
facQuery.layers.push(tempLayer);
|
}
|
}
|
}
|
else
|
{
|
// console.log('exist:'+thisLayerDef.id)
|
map.getLayersByName(thisLayerDef.id)[0].setVisibility(thisLayerDef.showdef);
|
}
|
}
|
var vLayerArray={items:layerList};
|
//vLayerStore
|
//facQuery.activate();
|
|
//----
|
|
var markLayer=createLayer('markup',{
|
layerType:'vector',// ,styleMap:styleHighLight
|
styleMap:new OpenLayers.StyleMap({
|
"default" : styleYellow,
|
"select": styleHighLight
|
})
|
});
|
map.addLayer(markLayer);
|
|
tempLayer=createLayer('drawTemp',{
|
layerType:'vector'
|
/*styleMap:new OpenLayers.StyleMap({
|
"default" : styleJustGreen,
|
"select": styleJustGreenS1
|
})*/
|
});
|
|
|
|
var highlightLayer=createLayer('highlight',{
|
layerType:'vector',styleMap:styleHighLightYellow
|
});
|
|
map.addLayer(highlightLayer);
|
|
extMapResultion(map,24);
|
|
dwc=new DrawControl(tempLayer,{map:map});
|
map.addLayer(tempLayer);
|
|
|
var visualLayer=createLayer('visual',{
|
layerType:'vector'
|
});
|
map.addLayer(visualLayer);
|
|
var visualpoint= new OpenLayers.Control.DrawFeature(visualLayer,
|
OpenLayers.Handler.Point);
|
var visualwkt=new CtlGetWKT(map,{srcLayer:"visual"});
|
visualLayer.setVisibility(false);
|
visualpoint.setMap(map);
|
var callbackVP=function(evt){};
|
var vpAdded=function(evt)
|
{
|
visualpoint.deactivate();
|
if(typeof(callbackVP)=="function")
|
{
|
var result=visualwkt.parser(evt.feature,{geometryType:'featurePoint'});
|
callbackVP(result);
|
|
}
|
|
}
|
dwc["toggleVP"]=function(callVP,configVP)
|
{
|
callbackVP=callVP;
|
visualpoint.activate();
|
|
}
|
visualpoint.events.register('featureadded', visualpoint,vpAdded);
|
|
//dwc.addControl('getpoint',visualpoint);
|
dwc.addControl('facquery', facQuery);
|
|
|
var showquery=function(params)
|
{
|
var bindProperty=function(vjson)
|
{
|
$("#propertiesA")[0].innerHTML="<p>"+params.name+"</p><p>"+vjson[0].name+"</p>";
|
//$("properties.panel-collapse")
|
}
|
|
var queryMethod= offlineRest? restUrl+ params.fcid+'-'+ params.gid+'.json' : 'tpctyphoon.json';
|
|
|
//$("#propertiesA")[0].innerHTML="<p>"+params.name+"</p>";
|
$("#propertiesA")[0].innerHTML='<table class="table table-striped table-bordered table-rwd">'
|
+'<tr class="tr-only-hide">'
|
+'<th>名稱</th>'
|
+(typeof(params.info)=="undefined" ?'': '<th>資訊</th>')
|
+'</tr>'
|
+'<tr>'
|
+'<td data-th="名稱">'+params.name+'</td>'
|
+(typeof(params.info)=="undefined" ?'': '<td data-th="資訊">'+params.info+'</td>')
|
+'</tr>'
|
+'</table>';
|
return;
|
|
$.ajax({
|
srcTitle:params.name,
|
url:queryMethod,
|
dataType: 'json',
|
//headers: {'Authorization': "Basic " + btoa('geodmms' + ":" + 'geodmms')},
|
crossDomain: true,//sorry not for IE
|
async:false,
|
data: params,
|
success: function(result)
|
{
|
//debugger;
|
//console.log(result);
|
// debugger;
|
var subPnl;
|
// lastJson= request.response;
|
var vjson = eval('(' + result.responseText + ')');
|
bindProperty(vjson);
|
return;
|
/*
|
var vValueArray;
|
//alert('request.status is '+request.status);
|
//alert('vjson is '+vjson);
|
var vkeyCount = 0;
|
for (var vkey in vjson[0]) {
|
vValueArray = {items: []};
|
var vName = (vjson[0][vkey].length > 0) ? vjson[0][vkey] : [];
|
var vValue;
|
if (vjson.length > 1) {
|
if (typeof(vjson[1][vkey]) == 'undefined') {
|
vValue = [];
|
}
|
else
|
vValue = (vjson[1][vkey].length > 0) ? vjson[1][vkey] : []
|
}
|
else
|
vValue = [];
|
// var vValue=(vjson[0][vkey].length>1)? vjson[1][vkey]:'';
|
for (var idx = 0; idx < vName.length; idx++) {
|
vValueArray.items.push({name: vName[idx], value: (vValue.length > idx) ? vValue[idx] : ""});
|
}
|
|
}
|
*/
|
}
|
,
|
error: function(err_result)
|
{
|
if(err_result.status=="200")
|
{
|
|
var vjson = eval('(' + err_result.responseText + ')');
|
//debugger;
|
bindProperty(vjson);
|
}
|
else
|
$("#propertiesA")[0].innerHTML="<p>無資料</p>";
|
|
}
|
});
|
|
|
};
|
|
|
dwc['queryOne']=function(callQuery,newconfig)
|
{
|
queryHandle.setAction(callQuery||showquery, newconfig);
|
|
//dwc.setToggleFac('FCID=' + newconfig.fcid);
|
|
dwc.toggle('facquery');
|
|
//dwc.setToggleFac("");
|
|
}
|
|
var ctlLocate = new CtlLocate(map, { layer: 'highlight' });
|
var createQueryFrm = function (layoutOfQuery, option) {
|
|
if (typeof (option) == "undefined") option = {};
|
if (typeof (option.qconfig) == "undefined")
|
option["qconfig"] = { catelog: 'default' };
|
|
var qData;
|
var featureQueryHandler = new twdQuery(option.qconfig, function (e) {
|
qData = e.body;
|
});//handler?
|
var dummy = [];
|
var idx;
|
for (idx = 0; idx < layoutOfQuery.column.length; idx++) dummy.push("0");
|
/*
|
{
|
querybyDgnUfid: true,
|
DGNID: e.event.features[idx].data.DGNID,
|
UFID: e.event.features[idx].data.UFID
|
}
|
*/
|
if (option.querybyDgnUfid) {
|
featureQueryHandler.queryAPI(
|
{
|
p0: layoutOfQuery.group, p1: layoutOfQuery.name, cnd: [option.DGNID, option.UFID]
|
});
|
} else if (typeof (option.qs) != "undefined") {
|
|
featureQueryHandler.queryAPI(
|
{
|
p0: layoutOfQuery.group, p1: layoutOfQuery.name, cnd: option.qs
|
});
|
}
|
else {
|
featureQueryHandler.queryAPI(
|
{
|
p0: layoutOfQuery.group, p1: layoutOfQuery.name, cnd: (dummy.length == 0 ? "0" : dummy.join(","))
|
});
|
}
|
var qSchema = featureQueryHandler.getResult().head;
|
|
//qData = featureQueryHandler.getResult().body;
|
//var fields = featureQueryHandler.getResult().head.ColumnKey;
|
//.ColumnInfo[0]
|
//{key: "DGNID", name: "圖號", hide: false, dtype: "string", index: "DGNID"} // jqgrid-format
|
var evtItem = qSchema.LinkInfo;//:[{"key":"LONLAT","action":"LocateByLL","cols":["LON","LAT"]}]
|
var fields = [];
|
var columns = [];
|
var lstbuttons = [];
|
|
var gridFunc = {};
|
|
gridFunc["GETVALUE"] = function (vGrid, cols) {
|
//var vGrid = this.up().up();
|
var idx;
|
var result = [];
|
var vSel = vGrid.getSelectionModel().getSelection();
|
if (vSel.length > 0) {
|
|
for (idx = 0; idx < cols.length; idx++) {
|
var tmpcol = vSel[0].getData()[cols[idx]];
|
result.push(tmpcol);
|
}
|
//cols
|
}
|
return result;
|
}
|
//funcHub["ctlLocate"] = ctlLocate;
|
//pub
|
gridFunc["LocateByLL"] = function (ll) {
|
if (ll.length > 1) {
|
ctlLocate.action({ clearAll: true, point: { x: ll[0], y: ll[1] }, zoomLevel: 19, projection: wgs84, drawAs: 'point', hide: 'N', zoomToCenter: true });
|
}
|
}
|
gridFunc["LocateBy97"] = function (l97) {
|
if (l97.length > 1) {
|
ctlLocate.action({ clearAll: true, point: { x: l97[0], y: l97[1] }, zoomLevel: 19, projection: tw97, drawAs: 'point', hide: 'N', zoomToCenter: true });
|
}
|
}
|
gridFunc["LocateBy67"] = function (l67) {
|
if (l67.length > 1) {
|
ctlLocate.action({ clearAll: true, point: { x: l67[0], y: l67[1] }, zoomLevel: 19, projection: tw67, drawAs: 'point', hide: 'N', zoomToCenter: true });
|
}
|
}
|
|
|
|
|
|
|
|
//
|
|
var CTLFunLinkInfo = function (aEvtItem, gridFunc) {
|
this.action = function () {
|
|
var vGrid = this.up().up();
|
var dtCol = gridFunc.GETVALUE(vGrid, aEvtItem.cols);
|
gridFunc[aEvtItem.action](dtCol);
|
}
|
}
|
var idxE;
|
for (idxE = 0; idxE < evtItem.length; idxE++) {
|
var ctBtnClick = new CTLFunLinkInfo(evtItem[idxE], gridFunc);
|
|
lstbuttons.push({
|
xtype: 'button', text: evtItem[idxE].key, handler: ctBtnClick.action
|
});
|
|
}
|
|
|
|
for (idx = 0; idx < qSchema.ColumnInfo.length; idx++) {
|
fields.push({ name: qSchema.ColumnInfo[idx].key, type: qSchema.ColumnInfo[idx].dtype });//dateFormat
|
if (qSchema.ColumnInfo[idx].name == "X(97)" || qSchema.ColumnInfo[idx].name == "Y(97)" || qSchema.ColumnInfo[idx].name == "值")
|
continue;
|
columns.push({
|
text: qSchema.ColumnInfo[idx].name,
|
hide: qSchema.ColumnInfo[idx].hide,
|
//flex: 1, 導致欄位被壓縮
|
sortable: true,
|
asText: qSchema.ColumnInfo[idx].dtype,// == "string" ? "asText" : "asText"
|
dataIndex: qSchema.ColumnInfo[idx].key
|
});
|
|
}
|
var qStore = Ext.create('Ext.data.ArrayStore', {
|
//storeId: 'simpsonsStore',
|
fields: fields,
|
data: qData.vList
|
/*
|
proxy: {
|
type: 'memory',
|
reader: {
|
type: 'json',
|
root: 'items'
|
}
|
}*/
|
});
|
|
|
//{group: "HYDRANT", name: "q", displayname: "消防栓", column: Array[2]}
|
var colQuery = [];
|
var idxCol;
|
//{cname: "圖號", ctype: "num", require: true, code: Array[0]}
|
//code 未寫(qVal,nVal)
|
|
for (idxCol = 0; idxCol < layoutOfQuery.column.length; idxCol++) {
|
var colType;
|
if (layoutOfQuery.column[idxCol].ctype == "num")
|
colType = 'numberfield';
|
else if (layoutOfQuery.column[idxCol].ctype == "geom")
|
colType = 'button';
|
else
|
colType = 'textfield';
|
//colType = layoutOfQuery.column[idxCol].ctype == "num" ? 'numberfield' : 'textfield';
|
|
if (layoutOfQuery.column[idxCol].code.length == 0) {
|
if (layoutOfQuery.column[idxCol].ctype == 'geom') {//is geom
|
colQuery.push({
|
xtype: colType,
|
text: layoutOfQuery.column[idxCol].cname,
|
scale: 'large',
|
// value:'userwkt',
|
valueFun: function () {
|
var tempPP = drawControl.getWkt();
|
var pts = [];
|
if (typeof (tempPP.features) == "undefined") return "";
|
if (tempPP.features.length > 0) {
|
|
for (var idxOfPP = 0; idxOfPP < tempPP.features[0].points.length; idxOfPP++) {
|
pts.push(parseInt(tempPP.features[0].points[idxOfPP].x));
|
pts.push(parseInt(tempPP.features[0].points[idxOfPP].y));
|
}
|
|
}
|
return pts.join(",");
|
},
|
|
handler: function () {
|
var custFun = function (setv) {
|
userwkt = setv;
|
};
|
gridFunc['DRAWPOLYGON'](layoutOfQuery.name);
|
|
}
|
});
|
}
|
else {
|
|
colQuery.push({
|
xtype: colType,
|
fieldLabel: layoutOfQuery.column[idxCol].cname,
|
allowBlank: !layoutOfQuery.column[idxCol].require
|
});
|
}
|
} else {//NValue
|
/* var lstStore = Ext.create('Ext.data.Store', {
|
|
fields: ['name','value'],
|
data: layoutOfQuery.column[idxCol].code
|
});*/
|
colQuery.push({
|
xtype: 'combobox',
|
store: { xtype: 'store', fields: ['name', 'value'], data: layoutOfQuery.column[idxCol].code },
|
fieldLabel: layoutOfQuery.column[idxCol].cname,
|
queryMode: 'local',
|
displayField: 'name',
|
valueField: 'value'
|
// allowBlank: !layoutOfQuery.column[idxCol].require
|
});
|
|
|
//http://localhost:1240/FMQuery/LANDMARK.0/q/0?catelog=theme
|
//debugger;
|
}
|
|
|
}
|
|
var extQuerypanel1;
|
//------------->SelectLayout
|
if (option.SelectLayout || 'default' == 'onlyResult') {
|
|
extQuerypanel1 = extQuerypanel1 = Ext.create('Ext.window.Window', {
|
id: "extQuerypanel1",
|
title: '查詢',
|
width: 400, height: 300,
|
closable: true, //layout:'fit', //'anchor',
|
layout: {
|
type: 'vbox',
|
align: 'stretch'
|
},
|
//items:[{xtype:'button',text:'test'},{xtype:'button',text:'test'},{xtype:'button',text:'test'} ],
|
//bbar:tbl1,
|
items: [
|
{
|
xtype: 'gridpanel',
|
store: qStore,
|
columns: columns,
|
flex: 1,
|
|
bbar: lstbuttons //[{ xtype: 'button', text: '定位' }, { xtype: 'button', text: '查詢' }]
|
}
|
]
|
});
|
extQuerypanel1.showAt(Ext.getBody().getViewSize().width - 400, 10);
|
}
|
else {
|
|
extQuerypanel1 = Ext.create('Ext.window.Window', {
|
id: "extQuerypanel1",
|
title: '查詢',
|
width: 550, height: 400,
|
closable: true, //layout:'fit', //'anchor',
|
layout: {
|
type: 'vbox',
|
align: 'stretch'
|
},
|
//items:[{xtype:'button',text:'test'},{xtype:'button',text:'test'},{xtype:'button',text:'test'} ],
|
//bbar:tbl1,
|
items: [{
|
flex: 1,
|
name: 'queryCnd',
|
xtype: 'panel', title: layoutOfQuery.displayname, collapsible: true,
|
items: colQuery,
|
/*
|
//layeroutOfQuery COND
|
items: [{
|
xtype: 'textfield',
|
name: 'dgnid',
|
fieldLabel: '圖號'
|
}, {
|
xtype: 'textfield',
|
name: 'ufid',
|
fieldLabel: '流水號'
|
}],*/
|
bbar: [{
|
xtype: 'button', text: '送出', handler: function () {
|
|
var allitem = this.up().up().items.items;
|
var idxOfI;
|
var result = [];
|
for (idxOfI = 0; idxOfI < allitem.length; idxOfI++) {
|
var tval = allitem[idxOfI].value;
|
var tvaltype = allitem[idxOfI].valueFun;
|
if (typeof (tvaltype) == "function") {
|
tval = tvaltype();
|
}
|
if (typeof (tval) == "undefined") tval = "null";
|
//if (tval == "userwkt") tval = userwkt;
|
result.push(tval);
|
}
|
|
featureQueryHandler.queryAPI(
|
{
|
p0: layoutOfQuery.group, p1: layoutOfQuery.name, cnd: result.join(',')
|
}, qStore, function (e) {
|
qStore.loadData(e.body.vList);
|
// debugger;
|
});
|
|
|
}
|
},
|
{
|
xtype: 'button', text: '取消', handler: function () {
|
this.up().up().up().close();
|
}
|
}]
|
},
|
{
|
xtype: 'gridpanel',
|
store: qStore,
|
columns: columns,
|
flex: 2,
|
/*
|
columns: [{
|
header: 'Name', dataIndex: 'name'
|
},
|
{
|
header: 'Email', dataIndex: 'email', flex: 1
|
},
|
{
|
header: 'Phone', dataIndex: 'phone'
|
}],*/
|
bbar: lstbuttons //[{ xtype: 'button', text: '定位' }, { xtype: 'button', text: '查詢' }]
|
}
|
]
|
});
|
extQuerypanel1.showAt(80, 10);
|
}
|
|
}
|
//dwc['qf'] = createQueryFrm;
|
|
var fpControl = new OpenLayers.Control.FeaturePopups({
|
boxSelectionOptions: {},
|
layers: [
|
[
|
// Uses: Templates for hover & select and safe selection
|
markLayer, {templates: {
|
// hover: single & list
|
hover: '${.popup}'
|
//hoverList: '<b>編號:</b>${.number}<br /><b>場所:</b>${.location}<br /><b>位置:</b>${.address}<br />${html}',
|
//hoverItem: '<b>編號:</b>${.number}<br />',
|
// select: single & list
|
//single: '<li><b>編號:</b>${.number}</li><li><b>場所:</b>${.location}</li><li><b>位置:</b>${.address}<li><a href="#" onClick="window.open(\'${.hyperlink}\',\'attribFrm\')">詳細資訊</a></li>',
|
//single: '${showHyperlink()} <div><h2>${.name}</h2>${.description}</div>',
|
//item: '${popURL()} <li><b>編號:</b>${.number}</li><li><b>場所:</b>${.location}</li><li><b>位置:</b>${.address}<br /></li>'
|
// +'<li><a href="${.hyperlink}" >資訊</a></li>'
|
}}
|
]
|
]
|
});
|
//selectionchanged
|
map.addControl(fpControl);
|
|
selectControl = new OpenLayers.Control.SelectFeature(markLayer,
|
{onSelect: dwc.Events.onFeatureSelect, onUnselect: dwc.Events.onFeatureUnselect
|
|
});
|
|
|
//dwc.addToolBarButton("查詢",{eventId:"tpcquery",iconCls:'tbquery'},null);
|
/*dwc.addToolBarButton("更新",{eventId:"refresh",iconCls:"refresh"},function(e)
|
{
|
|
|
});*/
|
// dwc.addToolBarButton("定位",{eventId:"cclocate",iconCls:'tblocate'},function(e){
|
// });
|
/*
|
var locateFrm= Ext.create('widget.window', {
|
layout:'fit',
|
title: '座標定位',
|
|
width:300,height:200,
|
items:[{xtype:'tabpanel' ,items:[
|
|
{title:'經緯度',items:[
|
{xtype: 'textfield', id: 'lon',fieldLabel: '經度(Lon)', allowBlank: false,labelAlign:'right' },
|
{xtype: 'textfield', id: 'lat',fieldLabel: '緯度(Lat)', allowBlank: false ,labelAlign:'right'},
|
{xtype: 'button', text :'定位',handler:function(){
|
if(ctlLocate==null)
|
ctlLocate=new CtlLocate(map);
|
var x=parseFloat(this.up().items.get('lon').getValue());
|
var y=parseFloat(this.up().items.get('lat').getValue());
|
ctlLocate.action({clearAll:true,point:{x:x,y:y},projection:wgs84 ,drawAs:'point',zoomToCenter:true});
|
|
}}
|
]}
|
]
|
});
|
|
locateFrm.show();});
|
|
*/
|
|
|
//toolbar = dwc.getToolbar(map,{});
|
//toolbar=dwc.getExtToolbar(map);
|
//ext
|
//vLayerGrid
|
|
//extToolpanel1
|
|
//extToolpanel2
|
|
//var scale = new OpenLayers.Control.Scale();
|
//map.addControl(scale);
|
|
// map.addControl(new OpenLayers.Control.LayerSwitcher());
|
|
|
//ctlLocate=new CtlLocate(map,{});
|
|
//facQuery.activate();
|
|
map.addControl(selectControl);
|
|
selectControl.activate();
|
|
/* zoom to extent range from geojson data */
|
//map.zoomToExtent(hydraulicPoint.getDataExtent());
|
dwc.queryOne();
|
return dwc;
|
}
|
function refreshMap(scope){
|
var ddt= new Date();
|
var dateStr='20150611'; //String(ddt.getYear()+1900)+String(ddt.getMonth()+1)+String(ddt.getDate());
|
var weekPeroid=String(ddt.getDay());
|
var tmpLayers0;
|
tmpLayers0=scope.getLayersByName("paverange");
|
setCQL(tmpLayers0[0],"PERIOD='"+weekPeroid+"'");
|
tmpLayers0[0].setVisibility(true);
|
tmpLayers0=scope.getLayersByName("roadpath");
|
setCQL(tmpLayers0[0],"DT0='"+dateStr+"'");
|
tmpLayers0[0].setVisibility(true);
|
tmpLayers0=scope.getLayersByName("caselocate");
|
setCQL(tmpLayers0[0],"DT0='"+dateStr+"'");
|
tmpLayers0[0].setVisibility(true);
|
}
|
|
//init();
|
