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/iframe/homeinfo.html | 80 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 78 insertions(+), 2 deletions(-)
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