From e28496f652b3914e70d8a5075e4ad0ee04e2f2a5 Mon Sep 17 00:00:00 2001
From: hdw <hdw@192.168.7.127>
Date: 星期一, 14 一月 2019 18:04:13 +0800
Subject: [PATCH] 机房信息面板中添加机房地图信息
---
gx_tieta/WebRoot/ex-battinfo.jsp | 51 ++++++++++++----
gx_tieta/WebRoot/iframe/homeinfo.html | 80 ++++++++++++++++++++++++++
2 files changed, 116 insertions(+), 15 deletions(-)
diff --git a/gx_tieta/WebRoot/ex-battinfo.jsp b/gx_tieta/WebRoot/ex-battinfo.jsp
index b40fef5..b84e05f 100644
--- a/gx_tieta/WebRoot/ex-battinfo.jsp
+++ b/gx_tieta/WebRoot/ex-battinfo.jsp
@@ -137,6 +137,7 @@
<script type="text/javascript" src="src/layui.js"></script>
<script type="text/javascript" src="pages/js/mylayui.js"></script>
<script type="text/javascript" src="pages/js/common.js"></script>
+ <script type="text/javascript" src="pages/js/GPS.js"></script>
<script type="text/javascript" src="pages/js/pages/homeInfo.js"></script>
<script type="text/javascript">
var permits;
@@ -602,20 +603,44 @@
// 鏌ョ湅鏈烘埧淇℃伅
function lookHomeInfo(data) {
var sid = data.StationId;
- var tabC = [
- {
- type: 'env'
- ,title: '鍩虹珯鐜鐭棰�'
- ,tshow: ''
- ,cshow: ''
- }
- ,{
- type: 'envImg'
- ,title: '鍩虹珯鐜鍥鹃泦'
- ,tshow: 'layui-this'
+ var lng = data.longitude; // 缁忓害
+ var lat = data.latitude; // 绾害
+ var addr = data.address; // 鍦板潃
+ var bdPoint = GPS.wgs2bd(lat, lng); // 鐧惧害鐨勭粡绾害
+ // console.log(data);
+ // 璁剧疆璇诲彇鍚庡彴鐨勬暟鎹�
+ var tabC = [];
+ var isHomeMap = false;
+ // 鍒ゆ柇缁忕含搴︽槸鍚﹀瓨鍦�
+ if(lat != 0 && lng != 0) {
+ isHomeMap = true;
+ // 娣诲姞homeMap妯″潡
+ tabC.push({
+ type: 'homeMap'
+ ,title: '鏈烘埧瀹氫綅'
+ ,tshow: 'layui-this'
,cshow: 'layui-show'
- }
- ];
+ ,homeName: ''
+ ,lat: bdPoint.lat
+ ,lng: bdPoint.lon
+ ,addr: addr
+ });
+ }
+
+ // 娣诲姞鍩虹珯鐜鐭棰戞ā鍧�
+ tabC.push({
+ type: 'env'
+ ,title: '鍩虹珯鐜鐭棰�'
+ ,tshow: ''
+ ,cshow: ''
+ });
+ // 娣诲姞鍩虹珯鐜鍥鹃泦妯″潡
+ tabC.push({
+ type: 'envImg'
+ ,title: '鍩虹珯鐜鍥鹃泦'
+ ,tshow: isHomeMap?'': 'layui-this'
+ ,cshow: isHomeMap?'': 'layui-show'
+ });
showHomeInfoIframe(sid, tabC);
}
diff --git a/gx_tieta/WebRoot/iframe/homeinfo.html b/gx_tieta/WebRoot/iframe/homeinfo.html
index 5b826e8..e94a893 100644
--- a/gx_tieta/WebRoot/iframe/homeinfo.html
+++ b/gx_tieta/WebRoot/iframe/homeinfo.html
@@ -9,7 +9,11 @@
<link rel="stylesheet" href="../src/css/layui.css">
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../pages/css/mylayui.css">
- <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
+ <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
+ <!-- 瀵煎叆鐧惧害鍦板浘API -->
+ <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
+ <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QAerSFEiGDCx1oHPB7Z5XYcBHI6R3qwx"></script>
+ <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<style>
body.homeinfo-tab .layui-tab {
margin: 0;
@@ -373,6 +377,10 @@
</div>
</div>
</div>
+ {{# }else if(item.type=='homeMap'){ }}
+ <div class="layui-tab-item {{ item.cshow }}">
+ <div id="BMap" style="width: 100%; height: 100%;"></div>
+ </div>
{{# } }}
{{# }); }}
</div>
@@ -387,7 +395,7 @@
var tabTpl = $('#homeTab').html();
var homeInfo = parent.$('#homeInfoIframeData').data('data');
- //console.log(homeInfo);
+ console.log(homeInfo);
updatehomeInfoTab(homeInfo);
// 閲嶆柊娓叉煋
@@ -704,6 +712,74 @@
carousel.reload(options);
}
+
+ // 鏈烘埧鍦板浘妯″潡
+ var bMap = $('#BMap');
+ // 鍒ゆ柇鍦板浘瀹瑰櫒鏄惁瀛樺湪
+ if(bMap.length != 0) {
+ // 鍒涘缓鍦板浘
+ let map = createMap();
+ // 鐢熸垚鍦板浘鍥炬爣
+ createMapPoint(map);
+ }
+
+ // 鐢熸垚鍦板浘
+ function createMap() {
+ let map = new BMap.Map('BMap');
+ var point = new BMap.Point(125.3192,43.8090);
+ map.centerAndZoom(point, 11); // 鐢ㄥ煄甯傚悕璁剧疆鍦板浘涓績鐐�
+ map.enableScrollWheelZoom();
+ map.disableDoubleClickZoom();
+ // 娣诲姞鍦板浘绫诲瀷鎺т欢
+ map.addControl(new BMap.MapTypeControl());
+ // 缁欏湴鍥炬坊鍔犲伐鍏锋潯(鍦板浘-鍗槦-涓夌淮)鍜屾瘮渚嬪昂鎺т欢
+ let bottom_left_control = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
+ map.addControl(bottom_left_control); // 娣诲姞姣斾緥灏哄埌鍦板浘
+
+ return map;
+ }
+
+ // 鐢熸垚鍦板浘鍥炬爣骞剁Щ鍔ㄥ埌涓績浣嶇疆
+ function createMapPoint(map) {
+ var homeData = getTabCItem('homeMap', homeInfo.tabc);
+ // 鍒ゆ柇鏄惁鑾峰彇鍒颁簡
+ if(homeData.code == 1) {
+ console.log(homeData);
+ var point = new BMap.Point(homeData.data.lng, homeData.data.lat);
+ var mk = new BMap.Marker(point);
+ var label = new BMap.Label("鏂版満鎴�",{offset:new BMap.Size(20,-10)});
+ label.setStyle({display: 'none', padding: '4px 2px'});
+ mk.disableDragging(); // 璁剧疆涓嶅彲鎷栧姩
+ map.addOverlay(mk); // 灏嗚鐩栫墿娣诲姞鍒板湴鍥句腑
+ mk.setLabel(label); // 缁欒鐩栫墿娣诲姞label鎻愮ず
+ map.panTo(point); // 灏嗗湴鍥剧Щ鍔ㄥ埌娣诲姞鐨勭偣浣嶇疆
+ map.setZoom(20); // 璁剧疆鍦板浘鐨勭缉鏀剧瓑绾�
+ }else {
+ layer.msg('鑾峰彇鏈烘埧淇℃伅澶辫触');
+ }
+ }
+
+ // 鑾峰彇鎸囧畾鐨則abC鍐呭
+ function getTabCItem(type, tabs) {
+ let rs = {
+ code: 0
+ ,data: {}
+ ,msg: '鏈娴嬪埌淇℃伅'
+ };
+ // 閬嶅巻tabs
+ for(let i=0; i<tabs.length;i++) {
+ let _tab = tabs[i];
+ if(_tab.type == type) {
+ rs.code = 1;
+ rs.data = _tab;
+ rs.msg = '鑾峰彇鎴愬姛' ;
+ break;
+ }
+ }
+
+ return rs;
+ }
+
});
</script>
</body>
--
Gitblit v1.9.1