chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
huaxia/htmls/contactUs/contactUs.html

180 lines
7.5 KiB
HTML
Raw Normal View History

查错
2021-09-18 03:38:27 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
后续修改
2021-09-22 07:31:56 +00:00
查错
2021-09-18 03:38:27 +00:00
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
后续修改
2021-09-22 07:31:56 +00:00
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
查错
2021-09-18 03:38:27 +00:00
<title>联系我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css">
头部
2021-09-22 09:42:32 +00:00
<link rel="stylesheet" href="../../css/centerHead.css">
查错
2021-09-18 03:38:27 +00:00
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
后续修改
2021-09-22 07:31:56 +00:00
<script type="text/javascript" src="http://api.map.baidu.com/geocoder/v2/?ak=mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I&output=json&address=百度大厦&city=北京市"></script>
查错
2021-09-18 03:38:27 +00:00
<title>地图展示</title>
<style type="text/css">
body,
html,
#allmap {
width: 100%;
height: 100%;
修改细节
2021-09-22 08:13:07 +00:00
查错
2021-09-18 03:38:27 +00:00
margin: 0;
font-family: "微软雅黑";
}
后续修改
2021-09-22 07:31:56 +00:00
修改细节
2021-09-18 09:46:18 +00:00
.foot-iframe {
width: 100%;
height: 400px;
}
后续修改
2021-09-22 07:31:56 +00:00
修改细节
2021-09-18 09:46:18 +00:00
.ty_topifrane {
后续修改
2021-09-22 07:31:56 +00:00
width: 100%;
height: 285px;
}
.foot-iframe {
width: 100%;
height: 400px;
}
头部
2021-09-22 09:42:32 +00:00
查错
2021-09-18 03:38:27 +00:00
</style>
</head>
<body>
头部
2021-09-22 09:42:32 +00:00
<header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_w1220 ty_ds">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
<ul class="ty_listnav">
<li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" class="ty_gr" href="../contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../grzx/personalData.html" >个人中心</a></li>
<li><a target="_parent" href="../logshoppingcar/login.html">【退出】</a></li>
</ul>
</nav>
</header>
查错
2021-09-18 03:38:27 +00:00
<div class="ty_her ty_pd">
联系我们
</div>
<div class="mian ty_pd">
<div class="ty_lxmiancon">
<div class="ty_lxwo">
<p>华夏艺术网</p>
<p>地址：四川省成都市武侯区天益街38号理想中心3栋601</p>
<p>手机：13880548658</p>
<p>电话：028-61529525</p>
<p>邮箱：zarts@126.com</p>
</div>
<div class="ty_lxwx">
<img src="../../img/public/lx_wx.png" alt="">
<p>华夏艺术网</p>
</div>
<div class="ty_lxwo">
<p>成都惠民职工书院</p>
<p>地址：成都市青羊区青羊大道129号文化宫2楼 </p>
<p>电话：028-81712589</p>
</div>
<div class="ty_lxwxa">
<img src="../../img/public/lx_wx.png" alt="">
<p>华夏艺术网</p>
</div>
</div>
后续修改
2021-09-22 07:31:56 +00:00
<div id="allmap" style="width: 100%;height: 470px;margin-top: 62px;"></div>
查错
2021-09-18 03:38:27 +00:00
</div>
修改细节
2021-09-18 09:46:18 +00:00
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe>
查错
2021-09-18 03:38:27 +00:00
</body>
<script type="text/javascript">
后续修改
2021-09-22 07:31:56 +00:00
function LoadBaiduMapScript() {
//console.log("初始化百度地图脚本...");
const AK = "mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I";
const BMap_URL = "https://api.map.baidu.com/api?v=2.0&ak=" + AK + "&s=1&callback=onBMapCallback";
return new Promise((resolve, reject) => {
// 如果已加载直接返回
if (typeof BMap !== "undefined") {
resolve(BMap);
return true;
}
// 百度地图异步加载回调处理
window.onBMapCallback = function () {
console.log("百度地图脚本初始化成功...");
resolve(BMap);
};
// 插入script脚本
let scriptNode = document.createElement("script");
scriptNode.setAttribute("type", "text/javascript");
scriptNode.setAttribute("src", BMap_URL);
document.body.appendChild(scriptNode);
});
}
修改细节
2021-09-22 08:13:07 +00:00
LoadBaiduMapScript().then((BMap) => {
后续修改
2021-09-22 07:31:56 +00:00
// 百度地图API功能
头部
2021-09-22 09:42:32 +00:00
后续修改
2021-09-22 07:31:56 +00:00
var map = new BMap.Map("allmap"); // 创建Map实例
修改细节
2021-09-22 08:13:07 +00:00
map.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
头部
2021-09-22 09:42:32 +00:00
修改细节
2021-09-22 08:13:07 +00:00
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
map.setCurrentCity("武汉"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
头部
2021-09-22 09:42:32 +00:00
var points = [
[104.016235, 30.67775],
[104.069554, 30.601504],
];
// 向地图添加标注
for (var i = 0; i < points.length; i++) {
var myIcon = new BMap.Icon("../../img/public/dwionv.png", new BMap.Size(50, 50), {
// 指定定位位置
offset: new BMap.Size(50, 205),
// 当需要从一幅较大的图片中截取某部分作为标注图标时，需要指定大图的偏移位置
imageOffset: new BMap.Size(0, 0 - i * 0) // 设置图片偏移
});
var point = new BMap.Point(points[i][0], points[i][1]);
// 创建标注对象并添加到地图
var marker = new BMap.Marker(point, { icon: myIcon });
map.addOverlay(marker);
};
修改细节
2021-09-22 08:13:07 +00:00
})
头部
2021-09-22 09:42:32 +00:00
var iframe = document.getElementById('getop')
console.log(iframe);
var body = iframe.contentWindow.document.body
console.log( $(body).nextAll(".ty_gr").css("color","#000"));
查错
2021-09-18 03:38:27 +00:00
</script>
</html>