188 lines
7.0 KiB
HTML
188 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<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>
|
||
<link rel="shortcut icon" href="bitbug_favicon.ico" />
|
||
<!-- 引入所需要的css -->
|
||
<link href="./assets/css/bootstrap.css" rel="stylesheet">
|
||
<link href="./assets/css/style.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="./assets/css/header.css">
|
||
<link rel="stylesheet" href="./assets/css/footer.css">
|
||
<link rel="stylesheet" href="./assets/iconfont/iconfont.css">
|
||
<link rel="stylesheet" href="./assets/css/footer.css">
|
||
<script src="./assets/js/jquery-1.9.1.min.js"></script>
|
||
<script src="./assets/js/ajax.js"></script>
|
||
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=MtHGyQ40Z3skl6VnsufXA329C2Yut01x"></script>
|
||
|
||
<style>
|
||
body {
|
||
background: url(./assets/images/bg5.png);
|
||
background-size: 100% 100%;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.w {
|
||
margin: 0 auto;
|
||
width: 1200px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div id="header"></div>
|
||
<!-- 头部导航结束 -->
|
||
<div class="about-about">
|
||
<div class="about-wrap">
|
||
<div class="about-title">
|
||
<div class="about-title-text"> 联系我们</div>
|
||
<div class="about-title-text2">您可以通过以下方式联系我们</div>
|
||
</div>
|
||
<ul class="about-mode">
|
||
|
||
<li><span class="iconfont "></span><img src="./assets/images/ico2.png">
|
||
<p>您可以通过电话与我们进行联系</p>
|
||
<h1>电话联系</h1>
|
||
<button type="button" class="btn btn-success about-btn"><a href="tel:13259789331">点击联系</a></button>
|
||
</li>
|
||
<li><span class="iconfont "></span><img src="./assets/images/ico1.png">
|
||
<p>您可以通过邮箱与我们进行联系</p>
|
||
<h1><a href="1823322018@qq.com">邮箱联系</a></h1>
|
||
<button type="button" class="btn btn-success about-btn"><a href="mailto:1823322018@qq.com">点击联系</a></button>
|
||
</li>
|
||
<li><span class="iconfont "></span><img src="http://cdn.shuguangwl.com/2022/04/05/0940f945aee22.jpg" style="width:90px;height: 90px;">
|
||
<p>您可以通过关注我们的公众号与我们联系</p>
|
||
<h1>公众号联系</h1>
|
||
<button type="button" class="btn btn-success about-btn"><a href="vx://">扫码联系</a></button>
|
||
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
<h1 style="font-family: '微软雅黑'; text-align: center;font-size: 30px;margin: 20px auto;">我们的地址</h1>
|
||
|
||
<!-- 百度地图 -->
|
||
<div style="width: 1200px;height:550px;border:black solid 1px;font-size:12px;margin: 0 auto;" id="map"></div>
|
||
<!--百度地图容器-->
|
||
|
||
|
||
<!-- 底边栏部分 -->
|
||
<div id="footer"></div>
|
||
</body>
|
||
<script type="text/javascript">
|
||
$(function() {
|
||
$('#header').load('./common/header.html');
|
||
$('#footer').load('./common/footer.html');
|
||
})
|
||
|
||
// 用户权限判断
|
||
window.onload=function(){
|
||
|
||
|
||
var userId = window.sessionStorage.getItem('userId');
|
||
var username = window.sessionStorage.getItem("username");
|
||
var userToken = window.sessionStorage.getItem("yq_token");
|
||
$.ajax({
|
||
|
||
url: 'http://127.0.0.1:81/consumer/user/fineById/' + userId + '/', //请求url
|
||
undefined,
|
||
type: "get",
|
||
headers: {
|
||
undefined,
|
||
"token": userToken //此处放置请求到的用户token
|
||
},
|
||
success: function(data) {
|
||
if (data.code == 200) {
|
||
|
||
document.getElementById("denglu").innerHTML='<div style="display:flex;"><a href="./user"><img src=http://cdn.shuguangwl.com/2022/04/01/9d62eaa7c11f2.png style="width:20px;height:20px;">' + data.data.username + '</a><a href="./user/logout.html"><img src=http://cdn.shuguangwl.com/2022/04/10/60fc777f1b526.png style="width:20px;height:20px;">退出登录</a><div>'
|
||
}
|
||
}
|
||
})
|
||
}
|
||
//创建和初始化地图函数：
|
||
function initMap() {
|
||
createMap(); //创建地图
|
||
setMapEvent(); //设置地图事件
|
||
addMapControl(); //向地图添加控件
|
||
addMapOverlay(); //向地图添加覆盖物
|
||
}
|
||
|
||
function createMap() {
|
||
map = new BMap.Map("map");
|
||
map.centerAndZoom(new BMap.Point(108.732666, 34.307423), 17);
|
||
}
|
||
|
||
function setMapEvent() {
|
||
map.enableScrollWheelZoom();
|
||
map.enableKeyboard();
|
||
map.enableDragging();
|
||
map.enableDoubleClickZoom()
|
||
}
|
||
|
||
function addClickHandler(target, window) {
|
||
target.addEventListener("click", function() {
|
||
target.openInfoWindow(window);
|
||
});
|
||
}
|
||
|
||
function addMapOverlay() {
|
||
var markers = [{
|
||
content: "",
|
||
title: "<h4>陕西科技大学镐京学院（实验楼211-攻程狮社团）</h4>",
|
||
imageOffset: {
|
||
width: 0,
|
||
height: 5
|
||
},
|
||
position: {
|
||
lat: 34.308229,
|
||
lng: 108.733367
|
||
}
|
||
}];
|
||
for (var index = 0; index < markers.length; index++) {
|
||
var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
|
||
var marker = new BMap.Marker(point, {
|
||
icon: new BMap.Icon("http://cdn.shuguangwl.com/2022/04/21/2ea56d26b1333.png", new BMap.Size(20, 25), {
|
||
imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
|
||
})
|
||
});
|
||
var label = new BMap.Label(markers[index].title, {
|
||
offset: new BMap.Size(25, 5)
|
||
});
|
||
var opts = {
|
||
width: 200,
|
||
title: markers[index].title,
|
||
enableMessage: false
|
||
};
|
||
var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
|
||
marker.setLabel(label);
|
||
addClickHandler(marker, infoWindow);
|
||
map.addOverlay(marker);
|
||
};
|
||
}
|
||
//向地图添加控件
|
||
function addMapControl() {
|
||
var scaleControl = new BMap.ScaleControl({
|
||
anchor: BMAP_ANCHOR_BOTTOM_LEFT
|
||
});
|
||
scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
|
||
map.addControl(scaleControl);
|
||
var navControl = new BMap.NavigationControl({
|
||
anchor: BMAP_ANCHOR_TOP_LEFT,
|
||
type: BMAP_NAVIGATION_CONTROL_LARGE
|
||
});
|
||
map.addControl(navControl);
|
||
var overviewControl = new BMap.OverviewMapControl({
|
||
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
|
||
isOpen: true
|
||
});
|
||
map.addControl(overviewControl);
|
||
}
|
||
var map;
|
||
initMap();
|
||
</script>
|
||
|
||
</html> |