"use script"; //开发环境建议开启严格模式
|
(function (window, mars3d) {
|
//创建widget类，需要继承BaseWidget
|
class MyWidget extends mars3d.widget.BaseWidget {
|
//弹窗配置
|
get view() {
|
return {
|
type: "window",
|
url: "view.html",
|
windowOptions: {
|
width: 350,
|
position: {
|
top: 45,
|
bottom: 30,
|
right: 5,
|
},
|
},
|
};
|
}
|
|
//初始化[仅执行1次]
|
create() {
|
this.drawLayer = new mars3d.layer.GraphicLayer({
|
hasEdit: true,
|
});
|
this.drawLayer.on(mars3d.EventType.drawCreated, (e) => {
|
this.updateBufferForEdit(e.graphic);
|
});
|
this.drawLayer.on(mars3d.EventType.editMovePoint, (e) => {
|
this.updateBufferForEdit(e.graphic);
|
});
|
|
this.bufferLayer = new mars3d.layer.GraphicLayer();
|
}
|
//每个窗口创建完成后调用
|
winCreateOK(opt, result) {
|
this.viewWindow = result;
|
}
|
//打开激活
|
activate() {
|
this.map.addLayer(this.bufferLayer);
|
this.map.addLayer(this.drawLayer);
|
}
|
//关闭释放
|
disable() {
|
this.clearDraw();
|
this.clearShowFeature();
|
|
this.map.removeLayer(this.drawLayer);
|
this.map.removeLayer(this.bufferLayer);
|
this.viewWindow = null;
|
}
|
clearDraw() {
|
this.clearBuffer();
|
this.geojsonEntity = null;
|
this.drawLayer.clear();
|
}
|
clearBuffer() {
|
this.lastgeojson = null;
|
this.bufferLayer.clear();
|
}
|
updateBufferForRadius() {
|
if (!this.geojsonEntity) {
|
return;
|
}
|
|
this.updateBuffer(this.geojsonEntity);
|
}
|
updateBufferForEdit(graphic) {
|
this.clearBuffer();
|
|
if (!this.viewWindow.hasBuffer()) {
|
return;
|
}
|
|
this.geojsonEntity = graphic.toGeoJSON();
|
this.updateBuffer(this.geojsonEntity);
|
}
|
updateBuffer(geojson) {
|
this.clearBuffer();
|
|
var buffere;
|
try {
|
var bufferRadius = this.viewWindow.getBufferRadius();
|
buffere = mars3d.PolyUtil.buffer(geojson, bufferRadius);
|
} catch (e) {
|
console.log(e);
|
}
|
if (!buffere) {
|
return;
|
}
|
|
this.lastgeojson = buffere;
|
|
let graphicsOptions = mars3d.Util.geoJsonToGraphics(buffere, {
|
type: "polygon",
|
style: {
|
color: "rgba(255,0,0,0.4)",
|
clampToGround: true,
|
},
|
});
|
this.bufferLayer.addGraphic(graphicsOptions);
|
}
|
|
hasDraw() {
|
return this.drawLayer.length > 0;
|
}
|
//查询后全部显示处理
|
clearShowFeature() {
|
if (!this.viewWindow) {
|
return;
|
}
|
for (var i = this.viewWindow.layersCfg.length - 1; i >= 0; i--) {
|
var item = this.viewWindow.layersCfg[i];
|
if (item.queryArcServer) {
|
item.queryArcServer.clear();
|
}
|
item.result = [];
|
}
|
}
|
getExtentByType(extenttype) {
|
if (extenttype == "1") {
|
//当前视域内
|
return this.map.getExtent();
|
} else if (extenttype == "2") {
|
//绘制的区域
|
this.drawLayer.stopDraw();
|
return this.drawLayer.getGraphics()[0];
|
} else if (extenttype == "3") {
|
//缓冲区内
|
this.drawLayer.stopDraw();
|
return this.lastgeojson;
|
}
|
return null;
|
}
|
query(param) {
|
this.clearShowFeature();
|
|
let layerCfg = param.layer;
|
|
if (!layerCfg.queryArcServer) {
|
layerCfg.queryArcServer = new mars3d.query.QueryArcServer({
|
url: layerCfg.url,
|
symbol: layerCfg.symbol,
|
buildings: layerCfg.buildings,
|
popup: layerCfg.columns || "all",
|
name: this.config.name,
|
pid: 99, //图层管理 中使用，父节点id
|
});
|
this.map.addLayer(layerCfg.queryArcServer.layer);
|
}
|
|
console.log(param.graphic);
|
|
haoutil.loading.show(); //loading
|
|
layerCfg.queryArcServer.query({
|
where: param.where,
|
graphic: param.graphic,
|
page: false, //不分页
|
success: (result) => {
|
haoutil.loading.hide();
|
if (result.count == 0) {
|
console.log("未查询到 " + layerCfg.name + " 相关记录！");
|
this.viewWindow.updateAllCount(0, layerCfg);
|
} else {
|
for (var i = 0; i < result.list.length; i++) {
|
const item = result.list[i];
|
|
item["长度"] = mars3d.Util.formatNum(item.graphic.distance, 2);
|
item["面积"] = mars3d.Util.formatNum(item.graphic.area, 2);
|
|
item.graphic.attr["长度"] = item["长度"];
|
item.graphic.attr["面积"] = item["面积"];
|
}
|
layerCfg.result = result.list;
|
this.viewWindow.updateAllCount(result.list.length, layerCfg);
|
}
|
},
|
error: (error, msg) => {
|
haoutil.loading.hide();
|
console.log("服务访问错误", error);
|
haoutil.alert(msg, "服务访问错误");
|
},
|
});
|
}
|
|
flyTo(item) {
|
var graphic = item.graphic;
|
if (!graphic) {
|
return;
|
}
|
|
//参数解释：线面数据：scale控制边界的放大比例，点数据：radius控制视距距离
|
graphic.flyTo({ radius: 1000 });
|
// this.highlight(graphic);
|
}
|
}
|
|
//注册到widget管理器中。
|
mars3d.widget.bindClass(MyWidget);
|
|
//每个widet之间都是直接引入到index.html中，会存在彼此命名冲突，所以闭包处理下。
|
})(window, mars3d);
|
