update code
parent
02c359f722
commit
4e136ec744
|
|
@ -0,0 +1 @@
|
|||
{"apiUrl":"/mapapi","modelUrl":"/mapmodel","secretKey":"80840d6054a373fa6493fe6a8cd7c0b8a01924bf58e825bfe1a1a67cb0a02263b5549ae0c4c04dde2e457c9132b600699a2f430fe4b7a52ae76d0bdd0633e4f1b1dd0395c04c1b00f41e1b0c3020a71600f1cc3bd764e4d130249ddd6e2916a73792839cb97ddb24f090343455f7834c356e76d9d11fd5b479eb391b46cc93e66da10e0ba1fed735c8b1b1f086973f6152b6a2299e3e22c9450d7fc8c8452aa23013404ec41c18c92e7ff7e2a3fe238234fec9927bc4cd95b450c2cdae94df00da4c49c467adacd9ec7f7c00482028425ebbbee7ceb46deec08dc9751ee993a353012fbe2ebcf6e0f81b95abdf8d437c4965454914fcc7b07d28062bc2976948356e76d9d11fd5b479eb391b46cc93e66da10e0ba1fed735c8b1b1f086973f6152b6a2299e3e22c9cc8c33b16ea71cc03013404ec41c18c9cc748e652ce16fe7061c32d550edfda330c1555e0c08e51f698f96b91615d8220acd9cb22f32e9757681487e0680adfbfacb9b5d2ce5a13b664d8466043270f9f3bde6ac6a05cf25ab0ccc0659a290c9669997be7ccc0086c3d61f7cf5f649cb25f0dbad9f7f66e3165cad25065145affac91bea061f4ff485af667dd7ebaf4baeea64611acbe5c74018be5a8b704fcd4f53d18504940411fac91bea061f4ff49a2f853c245297edc3d61f7cf5f649cb0f9b84173857a7b67c27928b58b4a6a65f517a43f106335e8b1d5c423a171723ffa04d0ac4e5c1a1853fcb2bc95ee8056cd5b4826fa55926733ef859a5f169e6afafd0506174e86864d53d967da98ab0b0e08d14be6d452c6c69755ac3a391993370a029761da893cfbf575da87c6b5ca602467b79c6c9532f438aaafb9ec915692f0287a8db979969e5635404d6fdfb753151533a277044afdd825f7197f2896c69755ac3a391993370a029761da893af24d88c02bccfae6cd5b4826fa55926f7722b78090b30b986f9287101582d8841187054ec673ebd2042f9836ea453c3afafd0506174e86800225b7f4102e3585b1923cb186fe0ceee54c6f17ab8555da26ecd334722494fc515b205e9624a4494c772ef4f023a606882e118fa6321c24ddee4821c840fb56aac929d6d0a052d5ff97d71e43811db939f7340826236af6f10316a04bf618d494a26e0fd06f7daa07177989e1680a4cf14829a5847f70377d6c12f1649400fcab44f4ff52989cf129aa6cca660be152a75b8e35648925dbce381b345d9e137c04a02a4c8252625f5625eed58fd34b7be4266e54212e88b23f012bead9abaef9e18aa308f0ecffaf3dda7d7b4efd2e0c4b8de161864620fc1f2af98bde031b29e0865381c96bbc10921b48a068558915ff023d18526f5d399e0893df43db7122415d52565dc982ea24fbd825734dbaefadc6df0f19d925c7f63d343a622134b1c934d130d662447add19064adbbb2fd24a82c0fbfcbc3175fc32761df099156daf4e86455740207eb4e4a5300d9c1a17ffd43703d476c36ef07df2206bd8d232b844ff3c1d7cf7c47ec502183af4e27b644d89a77efad286dee59796b124081510f8a6ea5c1dff9c3d61f7cf5f649cb25f0dbad9f7f66e3e0e7c3406ae4dd4eebc424f09f933d0eb1a881ed05ca8d5c70958237eb5b91d4e574440ea0c9179a582dc966bcfc1f21cf3630a2823a9a2d22bd09a00b213aae3866768ae2f24dde6784fbf292c2cba1ab3a1a0dac231941d2277e675309a46ea6fde1492ec9a29c4f53d18504940411e9520f8be669a95a8618879da1244784b88edb1244f5021a0991de19ea44c0dd","modelInput":{"IsCAD":false,"IsMain":1,"ConfigJson":{"isMain":1,"style":1,"zGrid":1,"viewStyle":0,"drawing":1,"accuracy":3,"parametric":1,"familyName":"","writetype":0,"locationType":0,"vertexNormal":1,"isExportLines":0,"unitRatio":0.001,"type":4,"offsetX":0.0,"offsetY":0.0,"offsetZ":0.0,"isInstance":0,"maxCountInstance":0,"isLod":0,"engineType":2,"srs":"","srsOrigin":[],"longitude":1.90031448957143,"latitude":0.596902604182061,"transHeight":0,"edgeOn":0,"level":1,"xCount":5,"yCount":5,"draco":0,"flipY":0,"linePercent":0.0,"minDistance":0.0,"compatible":0,"faceNumLimit":300000,"textureLimit":10240,"textureSizePercent":50,"textureQuality":30,"combineTexture":1,"blockRender":1,"useGisCS":1,"materialType":0}},"cadInput":{"IsCAD":true,"ConfigJson":{"style":1,"zGrid":0,"viewStyle":0,"drawing":0,"accuracy":3,"parametric":0,"familyName":"","writetype":0,"locationType":0,"vertexNormal":0,"isExportLines":0,"unitRatio":0.001,"type":4,"offsetX":0.0,"offsetY":0.0,"offsetZ":0.0,"isInstance":0,"maxCountInstance":0,"isLod":0,"engineType":1,"srs":"","srsOrigin":[],"longitude":0.0,"latitude":0.0,"transHeight":0.0,"edgeOn":0,"level":1,"xCount":5,"yCount":5,"draco":0,"flipY":0,"linePercent":0.0,"minDistance":0.0,"compatible":0,"faceNumLimit":300000,"textureLimit":10240,"textureSizePercent":50,"textureQuality":30,"combineTexture":0,"blockRender":1,"useGisCS":1,"materialType":0}}}
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>泾河路网</title>
|
||||
<!-- 第一步：先引入相关css及js文件 -->
|
||||
<link rel="stylesheet" href="/cesium/Widgets/widgets.css">
|
||||
<script src="/cesium/jquery-3.0.0.min.js"></script>
|
||||
<script src="/cesium/Cesium.js"></script>
|
||||
<script src="/cesium/BIMGISEngine.js"></script>
|
||||
<style>
|
||||
/* 第三步：容器样式，根据自身业务调整，这里只做参考 */
|
||||
html,
|
||||
body,
|
||||
#cesiumContainer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 第二步：创建容器 -->
|
||||
<div id="cesiumContainer"></div>
|
||||
|
||||
<!-- 视图列表 -->
|
||||
<div class="panel">
|
||||
<div class="panel-heading">模型视图列表</div>
|
||||
<ul class="list-group layui-form">
|
||||
<input type="radio" lay-filter="view" name="view" value="house_rvt3dview4708954" title="3D视图" />
|
||||
<input type="radio" lay-filter="view" name="view" value="house_rvt" title="三维视图" checked />
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 加载logo及遮罩层 -->
|
||||
<div id="box"></div>
|
||||
<div class="loading-shadow" id="LoadingShadow">
|
||||
<div class="loading-box mobile-loading-box">
|
||||
加载中....
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第四步: 初始化Api -->
|
||||
<script src="/cesium/initApi.js"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
// 第五步:加载模型
|
||||
api.Model.add(
|
||||
"http://szgc.jhncidg.com:808/mapmodel/Tools/output/model/202308292207450987/root.glt",
|
||||
//"/cesium/output/model/202308292207450987/root.glt",
|
||||
'3a0d53cc-ad56-688c-e38d-f907088c2882',
|
||||
null,
|
||||
function (data) {
|
||||
if (Cesium.defined(data)) {
|
||||
if (Cesium.defined(data.obj) && data.obj instanceof Cesium.Cesium3DTileset) {
|
||||
console.log(data);
|
||||
}
|
||||
}
|
||||
},
|
||||
function (data) {
|
||||
$("#box,#LoadingShadow").hide()
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="1.0, initial-scale=1.0">
|
||||
<title>地图</title>
|
||||
<style type="text/css">
|
||||
html,body,iframe,#main{
|
||||
width:100%;
|
||||
height:100%;
|
||||
border: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nav{
|
||||
position: absolute;
|
||||
padding: 12px;
|
||||
}
|
||||
.nav .nav-item{
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="nav">
|
||||
<span class="nav-item" onclick="doNav('home.html')">泾河路网</span>
|
||||
<span class="nav-item" onclick="doNav('map1.html')">医院</span>
|
||||
<span class="nav-item" onclick="doNav('map2.html')">文化艺术中心</span>
|
||||
</div>
|
||||
<div id="main">
|
||||
<iframe src="home.html" id="if1"></iframe>
|
||||
</div>
|
||||
<script>
|
||||
function doNav(url){
|
||||
document.getElementById("main").outerHTML=`<iframe src="${url}?time=${+new Date()}" id="if1"></iframe>`;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>泾河路网</title>
|
||||
<!-- 第一步：先引入相关css及js文件 -->
|
||||
<link rel="stylesheet" href="/cesium/Widgets/widgets.css">
|
||||
<script src="/cesium/jquery-3.0.0.min.js"></script>
|
||||
<script src="/cesium/Cesium.js"></script>
|
||||
<script src="/cesium/BIMGISEngine.js"></script>
|
||||
<style>
|
||||
/* 第三步：容器样式，根据自身业务调整，这里只做参考 */
|
||||
html,
|
||||
body,
|
||||
#cesiumContainer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 第二步：创建容器 -->
|
||||
<div id="cesiumContainer"></div>
|
||||
|
||||
<!-- 视图列表 -->
|
||||
<div class="panel">
|
||||
<div class="panel-heading">模型视图列表</div>
|
||||
<ul class="list-group layui-form">
|
||||
<input type="radio" lay-filter="view" name="view" value="house_rvt3dview4708954" title="3D视图" />
|
||||
<input type="radio" lay-filter="view" name="view" value="house_rvt" title="三维视图" checked />
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 加载logo及遮罩层 -->
|
||||
<div id="box"></div>
|
||||
<div class="loading-shadow" id="LoadingShadow">
|
||||
<div class="loading-box mobile-loading-box">
|
||||
加载中....
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第四步: 初始化Api -->
|
||||
<script src="/cesium/initApi.js"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
// 第五步:加载模型
|
||||
api.Model.add(
|
||||
"http://szgc.jhncidg.com:808/mapmodel/Tools/output/model/202308292209049711/root.glt",
|
||||
//"/cesium/output/model/202308292209049711/root.glt",
|
||||
'3a0d53cd-8774-6b32-a056-d69e2e12260e',
|
||||
null,
|
||||
function (data) {
|
||||
if (Cesium.defined(data)) {
|
||||
if (Cesium.defined(data.obj) && data.obj instanceof Cesium.Cesium3DTileset) {
|
||||
console.log(data);
|
||||
}
|
||||
}
|
||||
},
|
||||
function (data) {
|
||||
$("#box,#LoadingShadow").hide()
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>泾河路网</title>
|
||||
<!-- 第一步：先引入相关css及js文件 -->
|
||||
<link rel="stylesheet" href="/cesium/Widgets/widgets.css">
|
||||
<script src="/cesium/jquery-3.0.0.min.js"></script>
|
||||
<script src="/cesium/Cesium.js"></script>
|
||||
<script src="/cesium/BIMGISEngine.js"></script>
|
||||
<style>
|
||||
/* 第三步：容器样式，根据自身业务调整，这里只做参考 */
|
||||
html,
|
||||
body,
|
||||
#cesiumContainer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 第二步：创建容器 -->
|
||||
<div id="cesiumContainer"></div>
|
||||
|
||||
<!-- 视图列表 -->
|
||||
<div class="panel">
|
||||
<div class="panel-heading">模型视图列表</div>
|
||||
<ul class="list-group layui-form">
|
||||
<input type="radio" lay-filter="view" name="view" value="house_rvt3dview4708954" title="3D视图" />
|
||||
<input type="radio" lay-filter="view" name="view" value="house_rvt" title="三维视图" checked />
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 加载logo及遮罩层 -->
|
||||
<div id="box"></div>
|
||||
<div class="loading-shadow" id="LoadingShadow">
|
||||
<div class="loading-box mobile-loading-box">
|
||||
加载中....
|
||||
</div>
|
||||
</div>
|
||||
<!-- 第四步: 初始化Api -->
|
||||
<script src="/cesium/initApi.js"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
// 第五步:加载模型
|
||||
api.Model.add(
|
||||
"http://szgc.jhncidg.com:808/mapmodel/Tools/output/model/202308292206163239/root.glt",
|
||||
//"/cesium/output/model/202308292206163239/root.glt",
|
||||
'3a0d53cb-0258-5eb4-c66f-25f550cfbc02',
|
||||
null,
|
||||
function (data) {
|
||||
if (Cesium.defined(data)) {
|
||||
if (Cesium.defined(data.obj) && data.obj instanceof Cesium.Cesium3DTileset) {
|
||||
console.log(data);
|
||||
}
|
||||
}
|
||||
},
|
||||
function (data) {
|
||||
$("#box,#LoadingShadow").hide()
|
||||
});
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div id="index-map" style="width: 100%;height:100%;">
|
||||
|
||||
<iframe src="maps/home.html" style="width: 100%;height:100%;border:none;" frameborder="0"></iframe>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -15,44 +15,11 @@ export default {
|
|||
},
|
||||
|
||||
mounted() {
|
||||
this.$nextTick(this.initMap())
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
initMap() {
|
||||
var map = new BMapGL.Map("index-map");
|
||||
//创建点坐标
|
||||
let point = new BMapGL.Point(116.404, 39.915);
|
||||
//初始化地图，设置中心点坐标和地图级别
|
||||
map.centerAndZoom(point, 15);
|
||||
//创建标注
|
||||
let initMarker = new BMapGL.Marker(point);
|
||||
//向地图中添加单个覆盖物时会触发此事件
|
||||
map.addOverlay(initMarker);
|
||||
//开启标注拖拽功能
|
||||
initMarker.enableDragging();
|
||||
//将标注点移动到中心位置
|
||||
|
||||
|
||||
//添加地图默认控件
|
||||
//map.addControl(new BMapGL.NavigationControl());
|
||||
//开启鼠标滚轮缩放
|
||||
|
||||
var myGeo = new BMapGL.Geocoder();
|
||||
// 将地址解析结果显示在地图上，并调整地图视野
|
||||
myGeo.getPoint('经河新城', function (point) {
|
||||
if (point) {
|
||||
console.log("--->",point)
|
||||
map.centerAndZoom(point, 16);
|
||||
map.addOverlay(new BMapGL.Marker(point, { title: '经河新城' }))
|
||||
map.enableScrollWheelZoom(true);
|
||||
map.setHeading(64.5); //设置地图旋转角度
|
||||
map.setTilt(73); //设置地图的倾斜角度
|
||||
} else {
|
||||
alert('您选择的地址没有解析到结果！');
|
||||
}
|
||||
}, '陕西省')
|
||||
}
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,60 @@
|
|||
<template>
|
||||
<div id="index-map" style="width: 100%;height:100%;">
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'JhbigscreenMap',
|
||||
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.$nextTick(this.initMap())
|
||||
},
|
||||
|
||||
methods: {
|
||||
initMap() {
|
||||
var map = new BMapGL.Map("index-map");
|
||||
//创建点坐标
|
||||
let point = new BMapGL.Point(116.404, 39.915);
|
||||
//初始化地图，设置中心点坐标和地图级别
|
||||
map.centerAndZoom(point, 15);
|
||||
//创建标注
|
||||
let initMarker = new BMapGL.Marker(point);
|
||||
//向地图中添加单个覆盖物时会触发此事件
|
||||
map.addOverlay(initMarker);
|
||||
//开启标注拖拽功能
|
||||
initMarker.enableDragging();
|
||||
//将标注点移动到中心位置
|
||||
|
||||
|
||||
//添加地图默认控件
|
||||
//map.addControl(new BMapGL.NavigationControl());
|
||||
//开启鼠标滚轮缩放
|
||||
|
||||
var myGeo = new BMapGL.Geocoder();
|
||||
// 将地址解析结果显示在地图上，并调整地图视野
|
||||
myGeo.getPoint('经河新城', function (point) {
|
||||
if (point) {
|
||||
console.log("--->",point)
|
||||
map.centerAndZoom(point, 16);
|
||||
map.addOverlay(new BMapGL.Marker(point, { title: '经河新城' }))
|
||||
map.enableScrollWheelZoom(true);
|
||||
map.setHeading(64.5); //设置地图旋转角度
|
||||
map.setTilt(73); //设置地图的倾斜角度
|
||||
} else {
|
||||
alert('您选择的地址没有解析到结果！');
|
||||
}
|
||||
}, '陕西省')
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
@ -423,7 +423,8 @@
|
|||
</div>
|
||||
<div class="aerial-view-max">
|
||||
<div class="aerial-view-min">
|
||||
<img :src="'images/830.png'">
|
||||
<iframe v-if="mapName" :src="'maps/'+mapName" style="width:100%;height:100%;border:none;" frameborder="0"></iframe>
|
||||
<img v-else :src="'images/830.png'" >
|
||||
</div>
|
||||
</div>
|
||||
<module-one-1-2 label="项目节点计划预警">
|
||||
|
|
@ -697,6 +698,7 @@ export default {
|
|||
],
|
||||
warningTypeInterval: undefined,
|
||||
warningTypeIndex: 0,
|
||||
mapName:'',
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
|
@ -713,6 +715,14 @@ export default {
|
|||
|
||||
this.$bus.$on("projectChange", res => {
|
||||
this.project = res;
|
||||
this.mapName="";
|
||||
if(res.id==0){
|
||||
if(this.prjs.length>1){
|
||||
this.getMapName(this.prjs[1].projectName);
|
||||
}
|
||||
}else{
|
||||
this.getMapName(res.projectName);
|
||||
}
|
||||
this.loadData();
|
||||
});
|
||||
this.$bus.$on("deptChange", dept => {
|
||||
|
|
@ -720,6 +730,18 @@ export default {
|
|||
});
|
||||
},
|
||||
methods: {
|
||||
getMapName(name){
|
||||
if(name){
|
||||
if(name.indexOf("医疗")>=0){
|
||||
this.mapName="map1.html?time="+ +new Date();
|
||||
return;
|
||||
}else if(name.indexOf('文化艺术中心')>=0){
|
||||
this.mapName="map2.html?time="+ +new Date();
|
||||
return;
|
||||
}
|
||||
}
|
||||
this.mapName="";
|
||||
},
|
||||
getPrjUser(t,deptType){
|
||||
if(this.projectUsers && this.projectUsers.length>0){
|
||||
if(deptType){
|
||||
|
|
|
|||
|
|
@ -15,9 +15,16 @@ module.exports = defineConfig({
|
|||
'^/jhapi/profile':'/'
|
||||
}
|
||||
},
|
||||
'/cesium':{
|
||||
target: `http://62.234.3.186/cesium/`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
'^/cesium':'/'
|
||||
}
|
||||
},
|
||||
'/jhapi':{
|
||||
//target: `http://62.234.3.186/jhapi/`,
|
||||
target: `http://127.0.0.1:8090/jhapi/`,
|
||||
target: `http://62.234.3.186/jhapi/`,
|
||||
//target: `http://127.0.0.1:8090/jhapi/`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
'^/jhapi':'/'
|
||||
|
|
|
|||
Loading…
Reference in New Issue