up
This commit is contained in:
parent
bb24077192
commit
c2610e4b5a
@ -1072,7 +1072,8 @@ function initonMounted() {
|
||||
getcropTypeStatisticss('370211'); //作物类型统计百分比
|
||||
getaArea(); //面积
|
||||
getTownships('370211');
|
||||
initMap(); //地图
|
||||
// initMap(); //地图
|
||||
initmap();
|
||||
areachar(); //图表
|
||||
typesof(); //图表
|
||||
farmland(); //图表
|
||||
@ -1203,7 +1204,38 @@ function initMap() {
|
||||
|
||||
addWheelEvent(); //鼠标滚动控制村级矢量显示隐藏
|
||||
// addEvent(); //点击事件
|
||||
clickSearch()
|
||||
clickSearch();
|
||||
}
|
||||
|
||||
function initmap() {
|
||||
var map = new ol.Map({
|
||||
target: 'cesiumContainer',
|
||||
layers: [
|
||||
//加载瓦片图层数据
|
||||
new ol.layer.Tile({
|
||||
title: '天地图矢量图层',
|
||||
source: new ol.source.XYZ({
|
||||
url: 'http://t0.tianditu.com/DataServer?T=vec_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}',
|
||||
wrapX: false,
|
||||
}),
|
||||
}),
|
||||
new ol.layer.Tile({
|
||||
title: '天地图矢量图层注记',
|
||||
source: new ol.source.XYZ({
|
||||
url: 'http://t0.tianditu.com/DataServer?T=cia_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}',
|
||||
wrapX: false,
|
||||
}),
|
||||
}),
|
||||
],
|
||||
controls: ol.control
|
||||
.defaults({ attributionOptions: { collapsed: false } })
|
||||
.extend([new ol.supermap.control.Logo()]),
|
||||
view: new ol.View({
|
||||
center: ['116', '39'],
|
||||
zoom: 2,
|
||||
projection: 'EPSG:3857',
|
||||
}),
|
||||
});
|
||||
}
|
||||
|
||||
//鼠标滑轮事件
|
||||
@ -1233,10 +1265,7 @@ const clickSearch = () => {
|
||||
gaoliangline = null;
|
||||
}
|
||||
var pickRay = viewer.camera.getPickRay(event.position);
|
||||
var featuresPromise = viewer.imageryLayers.pickImageryLayerFeatures(
|
||||
pickRay,
|
||||
viewer.scene
|
||||
);
|
||||
var featuresPromise = viewer.imageryLayers.pickImageryLayerFeatures(pickRay, viewer.scene);
|
||||
if (!Cesium.defined(featuresPromise)) {
|
||||
console.log('No features picked.');
|
||||
} else {
|
||||
@ -1468,12 +1497,12 @@ watch(
|
||||
});
|
||||
newData.forEach(item => {
|
||||
if (layersDic[item]) {
|
||||
addWms(layersDic[item], layersDic[item]);
|
||||
// addWms(layersDic[item], layersDic[item]);
|
||||
}
|
||||
});
|
||||
// 添加镇级矢量
|
||||
cun(); //添加村
|
||||
zhen(); //添加镇
|
||||
// cun(); //添加村
|
||||
// zhen(); //添加镇
|
||||
} else if (val.length < oldVal.length) {
|
||||
// 挑选出减少的数据
|
||||
const newData = oldVal.filter(item => {
|
||||
@ -1484,7 +1513,7 @@ watch(
|
||||
});
|
||||
newData.forEach(item => {
|
||||
if (layersDic[item]) {
|
||||
removeWms([layersDic[item]]);
|
||||
// removeWms([layersDic[item]]);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
@ -238,7 +238,6 @@ let rightWraFlag = ref(true);
|
||||
let standardArr = ref([]);
|
||||
let estimate = ref({});
|
||||
let administration = ref([]);
|
||||
let url = 'https://iserver.supermap.io/iserver/services/map-world/rest/maps/World';
|
||||
let map = ref(null);
|
||||
//行政区划数据
|
||||
var data = {
|
||||
@ -258,28 +257,48 @@ let dd = {
|
||||
};
|
||||
let areatext = '8383894';
|
||||
const add = () => {
|
||||
var url = 'https://iserver.supermap.io/iserver/services/map-china400/rest/maps/China';
|
||||
// var url= 'http://t0.tianditu.com/DataServer?T=vec_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}';
|
||||
|
||||
// 初始化地图信息
|
||||
var map = new ol.Map({
|
||||
target: 'cesiumContainer',
|
||||
layers: [
|
||||
//加载瓦片图层数据
|
||||
new ol.layer.Tile({
|
||||
title: '天地图矢量图层',
|
||||
source: new ol.source.XYZ({
|
||||
url: 'http://t0.tianditu.com/DataServer?T=vec_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}',
|
||||
wrapX: false,
|
||||
}),
|
||||
}),
|
||||
new ol.layer.Tile({
|
||||
title: '天地图矢量图层注记',
|
||||
source: new ol.source.XYZ({
|
||||
url: 'http://t0.tianditu.com/DataServer?T=cia_w&tk=5956e6519f2bb0ae8e57bc834298c9f1&x={x}&y={y}&l={z}',
|
||||
wrapX: false,
|
||||
}),
|
||||
}),
|
||||
],
|
||||
controls: ol.control
|
||||
.defaults({ attributionOptions: { collapsed: false } })
|
||||
.extend([new ol.supermap.control.Logo()]),
|
||||
view: new ol.View({
|
||||
center: [0, 0],
|
||||
center: [116, 39],
|
||||
zoom: 2,
|
||||
projection: 'EPSG:3857',
|
||||
}),
|
||||
});
|
||||
// map.getView().fit([119.5091, 35.5671, 120.3285, 36.1455]);
|
||||
|
||||
// 添加图层
|
||||
var layer = new ol.layer.Tile({
|
||||
source: new ol.source.TileSuperMapRest({
|
||||
url: url,
|
||||
wrapX: true,
|
||||
}),
|
||||
projection: 'EPSG:3857',
|
||||
});
|
||||
map.addLayer(layer);
|
||||
// var layer = new ol.layer.Tile({
|
||||
// source: new ol.source.TileSuperMapRest({
|
||||
// url: url,
|
||||
// wrapX: true,
|
||||
// }),
|
||||
// projection: 'EPSG:4326', // 坐标系
|
||||
// });
|
||||
// map.addLayer(layer);
|
||||
};
|
||||
|
||||
// 组件挂载完成后执行
|
||||
@ -289,7 +308,7 @@ onMounted(() => {
|
||||
getcornGetAllTownss(); //镇级
|
||||
//地图
|
||||
// initMap();
|
||||
add()
|
||||
add();
|
||||
farmland();
|
||||
// ProgressBar();
|
||||
ASdivision();
|
||||
|
Loading…
Reference in New Issue
Block a user