Commit dfad2cba authored by 张洋's avatar 张洋

修改arcgis portal地址为可配置

parent 49d8016b
<template> <template>
<div class="menu"> <div class="menu">
<img src="../assets/imgs/nav-logo.png" alt class="logo" /> <img
src="../assets/imgs/nav-logo.png"
alt
class="logo"
/>
<div <div
style="float: right; cursor: pointer; position: relative" style="float: right; cursor: pointer; position: relative"
class="user_hover" class="user_hover"
...@@ -8,14 +12,20 @@ ...@@ -8,14 +12,20 @@
<span <span
v-if="userInfo.user_name && userInfo.user_name != ''" v-if="userInfo.user_name && userInfo.user_name != ''"
class="user" class="user"
>{{ userInfo.user_name }}</span >{{ userInfo.user_name }}</span>
> <span
<span v-else @click="gotopage('login')" class="user">请登录</span> v-else
@click="gotopage('login')"
class="user"
>请登录</span>
<img <img
:class="userInfo.picture_path && false ? 'user_pic' : 'user_default'" :class="userInfo.picture_path && false ? 'user_pic' : 'user_default'"
src="../assets/imgs/home_ic_user.png" src="../assets/imgs/home_ic_user.png"
/> />
<span class="has_msg" v-if="unreadMessageCount > 0"></span> <span
class="has_msg"
v-if="unreadMessageCount > 0"
></span>
<!-- 菜单图片不需要动态渲染,只用ui给的图标 --> <!-- 菜单图片不需要动态渲染,只用ui给的图标 -->
<div <div
v-if="userInfo.user_name && userInfo.user_name != ''" v-if="userInfo.user_name && userInfo.user_name != ''"
...@@ -56,7 +66,11 @@ ...@@ -56,7 +66,11 @@
:max="99" :max="99"
class="number" class="number"
></el-badge> ></el-badge>
<img src="../assets/imgs/home_ic_shop.png" alt class="car_img" /> <img
src="../assets/imgs/home_ic_shop.png"
alt
class="car_img"
/>
</div> </div>
<div <div
v-if="userInfo.user_name && userInfo.user_name != ''" v-if="userInfo.user_name && userInfo.user_name != ''"
...@@ -75,7 +89,10 @@ ...@@ -75,7 +89,10 @@
class="shop_img" class="shop_img"
/> />
<div class="shop_cell_msgs"> <div class="shop_cell_msgs">
<p @click="getDetail(item.id)" class="shop_cell_name over_one"> <p
@click="getDetail(item.id)"
class="shop_cell_name over_one"
>
{{ {{
item.service_id == 0 item.service_id == 0
? item.application.app_name ? item.application.app_name
...@@ -106,9 +123,11 @@ ...@@ -106,9 +123,11 @@
</div> </div>
</div> </div>
<div class="shop_footer"> <div class="shop_footer">
<el-button @click="settlement" size="small" class="shop_settlement" <el-button
>去购物车申请结算</el-button @click="settlement"
> size="small"
class="shop_settlement"
>去购物车申请结算</el-button>
</div> </div>
</div> </div>
<div <div
...@@ -150,7 +169,10 @@ ...@@ -150,7 +169,10 @@
: { left: '60px' } : { left: '60px' }
" "
></div> ></div>
<div class="bottom_show" v-if="now_menu == item.visit_url"></div> <div
class="bottom_show"
v-if="now_menu == item.visit_url"
></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -158,6 +180,9 @@ ...@@ -158,6 +180,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
const state = window.serviceConfig.state; const state = window.serviceConfig.state;
export default { export default {
data() { data() {
...@@ -174,7 +199,7 @@ export default { ...@@ -174,7 +199,7 @@ export default {
shopping_list: [], shopping_list: [],
menuCartNum: 0, menuCartNum: 0,
now_hover: -1, now_hover: -1,
show_shop_menu: false, show_shop_menu: false
}; };
}, },
mounted() { mounted() {
...@@ -193,7 +218,7 @@ export default { ...@@ -193,7 +218,7 @@ export default {
}, },
getRouter() { getRouter() {
return this.$route.path; return this.$route.path;
}, }
}, },
watch: { watch: {
getMenuCartState(newVal) { getMenuCartState(newVal) {
...@@ -207,7 +232,7 @@ export default { ...@@ -207,7 +232,7 @@ export default {
) { ) {
this.now_menu = val; this.now_menu = val;
} }
}, }
}, },
methods: { methods: {
change_now_hover(n) { change_now_hover(n) {
...@@ -218,7 +243,9 @@ export default { ...@@ -218,7 +243,9 @@ export default {
if (state == "needLogin") { if (state == "needLogin") {
window.location.href = window.location.href =
gisServiceUrl + gisServiceUrl +
`/portal/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=${window.location.protocol}//${window.location.host}/iam/api/logout`; "/" +
gisPortalSiteName +
"/sharing/rest/oauth2/signout?client_id=arcgisonline&redirect_uri=${window.location.protocol}//${window.location.host}/iam/api/logout";
} else { } else {
window.location.href = "/iam/api/logout"; window.location.href = "/iam/api/logout";
} }
...@@ -234,7 +261,7 @@ export default { ...@@ -234,7 +261,7 @@ export default {
}, },
deleteItem(id) { deleteItem(id) {
let query = [id]; let query = [id];
this.$api.serviceShop.delShoppingCart(query).then((response) => { this.$api.serviceShop.delShoppingCart(query).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
this.$store.commit("setCartState"); this.$store.commit("setCartState");
this.getList(); this.getList();
...@@ -264,7 +291,7 @@ export default { ...@@ -264,7 +291,7 @@ export default {
} }
}, },
getList() { getList() {
this.$api.serviceShop.getShoppingCart().then((response) => { this.$api.serviceShop.getShoppingCart().then(response => {
if (response.data.success == "1") { if (response.data.success == "1") {
this.menuCartNum = response.data.data.valid this.menuCartNum = response.data.data.valid
? response.data.data.valid.length ? response.data.data.valid.length
...@@ -282,12 +309,12 @@ export default { ...@@ -282,12 +309,12 @@ export default {
console.log(this.now_menu); console.log(this.now_menu);
}, },
getNowMenu() { getNowMenu() {
this.$api.general.getNowMenu({ teamName: "APAAS3" }).then((response) => { this.$api.general.getNowMenu({ teamName: "APAAS3" }).then(response => {
if (response.data.success == 1) { if (response.data.success == 1) {
let arr = let arr =
(response.data.data[0] && response.data.data[0].Child) || []; (response.data.data[0] && response.data.data[0].Child) || [];
let shop_index = arr.findIndex( let shop_index = arr.findIndex(
(item) => item.visit_url == "/shop/shopping_cart" item => item.visit_url == "/shop/shopping_cart"
); );
if (shop_index != -1) { if (shop_index != -1) {
arr.splice(shop_index, 1); arr.splice(shop_index, 1);
...@@ -295,7 +322,7 @@ export default { ...@@ -295,7 +322,7 @@ export default {
} else { } else {
this.show_shop_menu = false; this.show_shop_menu = false;
} }
let user_index = arr.findIndex((item) => item.visit_url == "/user"); let user_index = arr.findIndex(item => item.visit_url == "/user");
if (user_index != -1) { if (user_index != -1) {
this.user_arr = arr[user_index].Child; this.user_arr = arr[user_index].Child;
arr.splice(user_index, 1); arr.splice(user_index, 1);
...@@ -305,8 +332,8 @@ export default { ...@@ -305,8 +332,8 @@ export default {
this.getMenuIndex(); this.getMenuIndex();
} }
}); });
}, }
}, }
}; };
</script> </script>
......
...@@ -31,6 +31,9 @@ ...@@ -31,6 +31,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
name: "map-view", name: "map-view",
data: () => ({ data: () => ({
...@@ -48,7 +51,9 @@ export default { ...@@ -48,7 +51,9 @@ export default {
viewAction() { viewAction() {
this.src = this.src =
gisServiceUrl + gisServiceUrl +
`/portal/apaasplat/viewer/previewMap.html?id=${this.id}`; "/" +
gisPortalSiteName +
"/apaasplat/viewer/previewMap.html?id=${this.id}";
this.showDialog = true; this.showDialog = true;
}, },
beforeClose(done) { beforeClose(done) {
......
...@@ -9,56 +9,69 @@ ...@@ -9,56 +9,69 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<iframe ref="intelligent_appbuilder_iframe" width="100%" height="100%" scrolling="no" :src='appbuilderUrl' frameborder="0"></iframe> <iframe
ref="intelligent_appbuilder_iframe"
width="100%"
height="100%"
scrolling="no"
:src='appbuilderUrl'
frameborder="0"
></iframe>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
data() { data() {
return { return {
originUrl: gisServiceUrl + '/portal/apps/webappbuilder/index.html' originUrl:
gisServiceUrl +
"/" +
gisPortalSiteName +
"/apps/webappbuilder/index.html"
}; };
}, },
computed:{ computed: {
appbuilderUrl(){ appbuilderUrl() {
let _self = this; let _self = this;
if(_self.$route.name == 'intelligent_appbuilder'){ if (_self.$route.name == "intelligent_appbuilder") {
return `${_self.originUrl}?title=${_self.$route.query.title}&tags=${_self.$route.query.tags}&summary=${_self.$route.query.summary}&sharewithwebmap=${_self.$route.query.sharewithwebmap}&webmap=${_self.$route.query.webmap}` return `${_self.originUrl}?title=${_self.$route.query.title}&tags=${_self.$route.query.tags}&summary=${_self.$route.query.summary}&sharewithwebmap=${_self.$route.query.sharewithwebmap}&webmap=${_self.$route.query.webmap}`;
} }
}, },
getAppBuilderParams() { getAppBuilderParams() {
return this.$store.state.appBuilderParams; return this.$store.state.appBuilderParams;
}, }
}, },
watch: { watch: {
getAppBuilderParams(newVal) { getAppBuilderParams(newVal) {
console.log('智能制图应用程序参数'+newVal) console.log("智能制图应用程序参数" + newVal);
}, }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('message',this.postmassageevt); window.addEventListener("message", this.postmassageevt);
}) });
}, },
methods: { methods: {
postmassageevt(event){ postmassageevt(event) {
let data = event.data; let data = event.data;
// App Builder发布服务 // App Builder发布服务
if (data.cmd == 'appbuildermsg'){ if (data.cmd == "appbuildermsg") {
console.log(data); console.log(data);
this.$store.commit("setAppBuilderParams", data.params); this.$store.commit("setAppBuilderParams", data.params);
this.$router.push(`/fwzc/fwcs?map=4`); this.$router.push(`/fwzc/fwcs?map=4`);
} }
} }
}, },
destroyed () { destroyed() {
window.removeEventListener('message',this.postmassageevt); window.removeEventListener("message", this.postmassageevt);
} }
}; };
</script> </script>
<style scoped> <style scoped>
...@@ -80,7 +93,10 @@ export default { ...@@ -80,7 +93,10 @@ export default {
.intelligent_appbuilder-container .apass_breadcrumb { .intelligent_appbuilder-container .apass_breadcrumb {
padding: 0 20px; padding: 0 20px;
} }
.intelligent_appbuilder-container .apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { .intelligent_appbuilder-container
.apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__inner {
color: #626de9; color: #626de9;
} }
.intelligent_appbuilder-container .intelligent_appbuilder-container
......
...@@ -9,63 +9,73 @@ ...@@ -9,63 +9,73 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<iframe ref="intelligent_details_iframe" width="100%" height="100%" scrolling="no" :src='itemUrl' frameborder="0"></iframe> <iframe
ref="intelligent_details_iframe"
width="100%"
height="100%"
scrolling="no"
:src='itemUrl'
frameborder="0"
></iframe>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
data() { data() {
return { return {
originUrl: gisServiceUrl + '/portal/apaasplat/viewer/item.html', originUrl:
gisServiceUrl + "/" + gisPortalSiteName + "/apaasplat/viewer/item.html"
}; };
}, },
computed:{ computed: {
itemUrl(){ itemUrl() {
let _self = this; let _self = this;
if(_self.$route.name == 'intelligent_details'){ if (_self.$route.name == "intelligent_details") {
return `${_self.originUrl}?id=${_self.$route.query.id}&activeMenu=${_self.$route.query.activeMenu}` return `${_self.originUrl}?id=${_self.$route.query.id}&activeMenu=${_self.$route.query.activeMenu}`;
} }
} }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('message',this.postmassageevt) window.addEventListener("message", this.postmassageevt);
}) });
}, },
methods: { methods: {
postmassageevt(event){ postmassageevt(event) {
let data = event.data; let data = event.data;
// App Builder页面 -- 新窗口打开 // App Builder页面 -- 新窗口打开
if (data.cmd == 'mapviewtoapp'){ if (data.cmd == "mapviewtoapp") {
let params = { let params = {
title: data.params.title, title: data.params.title,
tags: data.params.tags, tags: data.params.tags,
sharewithwebmap:data.params.shareWithWebMap, sharewithwebmap: data.params.shareWithWebMap,
webmap:data.params.id, webmap: data.params.id,
summary: data.params.summary, summary: data.params.summary
}; };
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "intelligent_appbuilder", name: "intelligent_appbuilder",
query: params, query: params
}); });
window.open(routeData.href, '_blank'); window.open(routeData.href, "_blank");
// this.$store.commit("setAppBuilderParams", data.params); // this.$store.commit("setAppBuilderParams", data.params);
}; }
if (data.cmd == 'mapdetailtoview'){ if (data.cmd == "mapdetailtoview") {
console.log(data); console.log(data);
this.$store.commit("setZnztDetailsParams", data.params); this.$store.commit("setZnztDetailsParams", data.params);
this.$router.push('/intelligent_drawing') this.$router.push("/intelligent_drawing");
} }
} }
}, },
destroyed () { destroyed() {
window.removeEventListener('message',this.postmassageevt) window.removeEventListener("message", this.postmassageevt);
} }
}; };
</script> </script>
<style scoped> <style scoped>
...@@ -87,7 +97,10 @@ export default { ...@@ -87,7 +97,10 @@ export default {
.intelligent_details-container .apass_breadcrumb { .intelligent_details-container .apass_breadcrumb {
padding: 0 20px; padding: 0 20px;
} }
.intelligent_details-container .apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { .intelligent_details-container
.apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__inner {
color: #626de9; color: #626de9;
} }
.intelligent_details-container .intelligent_details-container
......
...@@ -8,7 +8,14 @@ ...@@ -8,7 +8,14 @@
</div> </div>
<div class="main-container"> <div class="main-container">
<iframe ref="intelligent_drawing_iframe" width="100%" height="100%" scrolling="no" :src="znztUrl" frameborder="0"></iframe> <iframe
ref="intelligent_drawing_iframe"
width="100%"
height="100%"
scrolling="no"
:src="znztUrl"
frameborder="0"
></iframe>
</div> </div>
</div> </div>
</template> </template>
...@@ -16,101 +23,108 @@ ...@@ -16,101 +23,108 @@
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
export default { export default {
data() { data() {
return { return {
url: gisServiceUrl + '/portal/apaasplat/viewer/mapViewer.html', url:
queryType: '', gisServiceUrl +
id: '', "/" +
gisPortalSiteName +
"/apaasplat/viewer/mapViewer.html",
queryType: "",
id: ""
}; };
}, },
computed:{ computed: {
...mapState(['znztDetailsParams']), ...mapState(["znztDetailsParams"]),
getZnztParams() { getZnztParams() {
return this.$store.state.znztParams; return this.$store.state.znztParams;
}, },
znztUrl(){ znztUrl() {
if(this.queryType == 'webmap'){ if (this.queryType == "webmap") {
return this.url + `?webmap=${this.id}`; return this.url + `?webmap=${this.id}`;
}else if (this.queryType == 'layers'){ } else if (this.queryType == "layers") {
return this.url + `?layers=${this.id}`; return this.url + `?layers=${this.id}`;
}else { } else {
return this.url return this.url;
}
} }
},
}, },
watch: { watch: {
getZnztParams(newVal) { getZnztParams(newVal) {
console.log('智能制图参数'+newVal) console.log("智能制图参数" + newVal);
}, }
}, },
mounted() { mounted() {
this.id = this.znztDetailsParams.id; this.id = this.znztDetailsParams.id;
this.queryType = this.znztDetailsParams.queryType; this.queryType = this.znztDetailsParams.queryType;
this.$nextTick(() => { this.$nextTick(() => {
window.addEventListener('message',this.postmassageevt); window.addEventListener("message", this.postmassageevt);
}) });
}, },
methods: { methods: {
postmassageevt(event){ postmassageevt(event) {
let data = event.data; let data = event.data;
// 智能制图发布服务 // 智能制图发布服务
if (data.cmd == 'mapviewmsg'){ if (data.cmd == "mapviewmsg") {
console.log(data); console.log(data);
this.$store.commit("setZnztParams", data.params); this.$store.commit("setZnztParams", data.params);
this.$router.push(`/fwzc/fwcs?map=1`); this.$router.push(`/fwzc/fwcs?map=1`);
} }
// App Builder页面 -- 新窗口打开 // App Builder页面 -- 新窗口打开
if (data.cmd == 'mapviewtoapp'){ if (data.cmd == "mapviewtoapp") {
console.log(data); console.log(data);
let params = { let params = {
title: data.params.title, title: data.params.title,
tags: data.params.tags, tags: data.params.tags,
sharewithwebmap:data.params.shareWithWebMap, sharewithwebmap: data.params.shareWithWebMap,
webmap:data.params.id, webmap: data.params.id,
summary: data.params.summary, summary: data.params.summary
}; };
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "intelligent_appbuilder", name: "intelligent_appbuilder",
query: params, query: params
}); });
window.open(routeData.href, '_blank'); window.open(routeData.href, "_blank");
// this.$store.commit("setAppBuilderParams", data.params); // this.$store.commit("setAppBuilderParams", data.params);
} }
// 智能制图服务详情--新窗口打开 // 智能制图服务详情--新窗口打开
if (data.cmd == 'mapdetailmsg'){ if (data.cmd == "mapdetailmsg") {
console.log(data); console.log(data);
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "intelligent_details", name: "intelligent_details",
query: data.params, query: data.params
}); });
window.open(routeData.href, '_blank'); window.open(routeData.href, "_blank");
} }
// 智能制图页面跳转 // 智能制图页面跳转
if (data.cmd == 'mapviewurl'){ if (data.cmd == "mapviewurl") {
console.log(data); console.log(data);
switch (data.params.queryType) { switch (data.params.queryType) {
case 'webmap': case "webmap":
this.queryType = 'webmap'; this.queryType = "webmap";
this.$store.commit("setZnztIdParams", data.params.id); this.$store.commit("setZnztIdParams", data.params.id);
this.id = data.params.id; this.id = data.params.id;
break; break;
case 'layers': case "layers":
this.queryType = 'layers'; this.queryType = "layers";
this.$store.commit("setZnztIdParams", data.params.id); this.$store.commit("setZnztIdParams", data.params.id);
this.id = data.params.id; this.id = data.params.id;
break; break;
default: default:
this.queryType = ''; this.queryType = "";
this.$store.commit("setZnztIdParams", ''); this.$store.commit("setZnztIdParams", "");
this.id = ''; this.id = "";
break; break;
} }
} }
} }
}, },
destroyed () { destroyed() {
window.removeEventListener('message',this.postmassageevt); window.removeEventListener("message", this.postmassageevt);
} }
}; };
</script> </script>
...@@ -134,7 +148,10 @@ export default { ...@@ -134,7 +148,10 @@ export default {
.intelligent_drawing-container .apass_breadcrumb { .intelligent_drawing-container .apass_breadcrumb {
padding: 0 20px; padding: 0 20px;
} }
.intelligent_drawing-container .apass_breadcrumb > .el-breadcrumb .el-breadcrumb__inner { .intelligent_drawing-container
.apass_breadcrumb
> .el-breadcrumb
.el-breadcrumb__inner {
color: #626de9; color: #626de9;
} }
.intelligent_drawing-container .intelligent_drawing-container
......
...@@ -858,6 +858,9 @@ ...@@ -858,6 +858,9 @@
<script> <script>
const gisServiceUrl = window.serviceConfig.gisServiceRoot; const gisServiceUrl = window.serviceConfig.gisServiceRoot;
const gisPortalSiteName = window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal";
import BlockRadius from "@/components/general/block-radius"; import BlockRadius from "@/components/general/block-radius";
import CesTable from "@/components/table/table-um"; import CesTable from "@/components/table/table-um";
import Codes from "@/components/general/codes"; import Codes from "@/components/general/codes";
...@@ -903,7 +906,10 @@ export default { ...@@ -903,7 +906,10 @@ export default {
] ]
}, },
addPortalItemUrl: addPortalItemUrl:
gisServiceUrl + "/portal/apaasplat/viewer/addPortalItem.html", gisServiceUrl +
"/" +
gisPortalSiteName +
"/apaasplat/viewer/addPortalItem.html",
btnList: [], btnList: [],
activeBtn: null, activeBtn: null,
serviceUrl: "", serviceUrl: "",
......
window.serviceConfig = { window.serviceConfig = {
gisServiceRoot: 'https://apaasgis.wodcloud.com', gisServiceRoot: 'https://apaasgis.wodcloud.com',
gisPortalSiteName: "portal",
state: "needLogin", // needLogin / notNeedLogin state: "needLogin", // needLogin / notNeedLogin
cloudServiceRoot: 'https://cloud4.wodcloud.com/awecloud/login/#/', cloudServiceRoot: 'https://cloud4.wodcloud.com/awecloud/login/#/',
}; };
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>Portal Web Map</title> <title>Portal Web Map</title>
...@@ -17,14 +17,18 @@ ...@@ -17,14 +17,18 @@
} }
</style> </style>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script> <script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="/apaas/ui/static/config/configmap.js"></script>
<script> <script>
require([ require([
"esri/config", "esri/config",
"esri/views/MapView", "esri/views/MapView",
"esri/WebMap" "esri/WebMap"
], function(esriConfig, MapView, WebMap) { ], function (esriConfig, MapView, WebMap) {
//使用portal门户的地图资源 //使用portal门户的地图资源
esriConfig.portalUrl = "https://apaasgis.wodcloud.com/portal"; esriConfig.portalUrl = window.serviceConfig.gisServiceRoot + "/" + (window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal");
var webmap = new WebMap({ var webmap = new WebMap({
portalItem: { portalItem: {
id: "aa912ada83904d7c901066673ee1a5aa" id: "aa912ada83904d7c901066673ee1a5aa"
...@@ -38,6 +42,7 @@ ...@@ -38,6 +42,7 @@
}); });
</script> </script>
</head> </head>
<body> <body>
<div id="viewDiv"></div> <div id="viewDiv"></div>
</body> </body>
......
...@@ -34,13 +34,16 @@ ...@@ -34,13 +34,16 @@
<script src="https://apaas3.wodcloud.com/mapstatic/js/jquery-3.3.1.min.js"></script> <script src="https://apaas3.wodcloud.com/mapstatic/js/jquery-3.3.1.min.js"></script>
<script src="https://apaas3.wodcloud.com/mapstatic/js/echarts.min.js"></script> <script src="https://apaas3.wodcloud.com/mapstatic/js/echarts.min.js"></script>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script> <script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="/apaas/ui/static/config/configmap.js"></script>
<script> <script>
require([ require([
"esri/config", "esri/config",
"esri/views/MapView", "esri/views/MapView",
"esri/WebMap" "esri/WebMap"
], function (esriConfig, MapView, WebMap) { ], function (esriConfig, MapView, WebMap) {
esriConfig.portalUrl = "https://apaasgis.wodcloud.com/portal"; esriConfig.portalUrl = window.serviceConfig.gisServiceRoot + "/" + (window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal");
var webmap = new WebMap({ var webmap = new WebMap({
portalItem: { portalItem: {
id: "b4f4797eb32342c5b679082bfbbef553" id: "b4f4797eb32342c5b679082bfbbef553"
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>Portal Web Map</title> <title>Portal Web Map</title>
...@@ -15,24 +15,30 @@ ...@@ -15,24 +15,30 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.esri-view-width-xlarge .esri-popup__main-container { .esri-view-width-xlarge .esri-popup__main-container {
width: 505px; width: 505px;
} }
.esri-view-height-xlarge .esri-popup__main-container { .esri-view-height-xlarge .esri-popup__main-container {
max-height: none; max-height: none;
} }
.esri-popup__main-container { .esri-popup__main-container {
max-height: none; max-height: none;
} }
</style> </style>
<script src="https://apaas.wodcloud.com/api_4.x/init.js"></script> <script src="https://apaas.wodcloud.com/api_4.x/init.js"></script>
<script src="/apaas/ui/static/config/configmap.js"></script>
<script> <script>
require([ require([
"esri/config", "esri/config",
"esri/views/MapView", "esri/views/MapView",
"esri/WebMap" "esri/WebMap"
], function(esriConfig, MapView, WebMap) { ], function (esriConfig, MapView, WebMap) {
esriConfig.portalUrl = "https://apaasgis.wodcloud.com/portal"; esriConfig.portalUrl = window.serviceConfig.gisServiceRoot + "/" + (window.serviceConfig.gisPortalSiteName
? window.serviceConfig.gisPortalSiteName
: "portal");
// 使用本地字体文件 // 使用本地字体文件
esriConfig.fontsUrl = "https://apaas.wodcloud.com/mapstatic/font"; esriConfig.fontsUrl = "https://apaas.wodcloud.com/mapstatic/font";
var webmap = new WebMap({ var webmap = new WebMap({
...@@ -46,11 +52,13 @@ ...@@ -46,11 +52,13 @@
container: "viewDiv" container: "viewDiv"
}); });
view.when(function() { view.when(function () {
view.popup.watch("selectedFeature", function(graphic) { view.popup.watch("selectedFeature", function (graphic) {
if (graphic && graphic.sourceLayer) { if (graphic && graphic.sourceLayer)
{
var layerName = graphic.sourceLayer.title; var layerName = graphic.sourceLayer.title;
switch (layerName) { switch (layerName)
{
case "贵州视频监控要素微服务": case "贵州视频监控要素微服务":
var name = graphic.attributes.NAME; var name = graphic.attributes.NAME;
var code = graphic.attributes.CODE; var code = graphic.attributes.CODE;
...@@ -72,7 +80,8 @@ ...@@ -72,7 +80,8 @@
var videoDomain = "https://apaas3.wodcloud.com/mapstatic/video/{0}.mp4"; var videoDomain = "https://apaas3.wodcloud.com/mapstatic/video/{0}.mp4";
var videoCode = code; var videoCode = code;
var videoSrc = undefined; var videoSrc = undefined;
if (videoCode) { if (videoCode)
{
videoSrc = videoDomain.replace("{0}", videoCode); videoSrc = videoDomain.replace("{0}", videoCode);
} }
return "<iframe id='cameraiframe' src='https://apaas3.wodcloud.com/mapstatic/iframe/videoplay4test.html?camlist=" + videoCode + "&videosrc=" + videoSrc + return "<iframe id='cameraiframe' src='https://apaas3.wodcloud.com/mapstatic/iframe/videoplay4test.html?camlist=" + videoCode + "&videosrc=" + videoSrc +
...@@ -81,6 +90,7 @@ ...@@ -81,6 +90,7 @@
}); });
</script> </script>
</head> </head>
<body> <body>
<div id="viewDiv"></div> <div id="viewDiv"></div>
</body> </body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment