180 lines
7.5 KiB
HTML
180 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
|
||
<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" />
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<title>联系我们</title>
|
||
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
|
||
<link rel="stylesheet" href="../../css/aboutUs.css">
|
||
<link rel="stylesheet" href="../../css/centerHead.css">
|
||
<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>
|
||
<script type="text/javascript" src="http://api.map.baidu.com/geocoder/v2/?ak=mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I&output=json&address=百度大厦&city=北京市"></script>
|
||
<title>地图展示</title>
|
||
<style type="text/css">
|
||
body,
|
||
html,
|
||
#allmap {
|
||
width: 100%;
|
||
height: 100%;
|
||
|
||
margin: 0;
|
||
font-family: "微软雅黑";
|
||
}
|
||
|
||
.foot-iframe {
|
||
width: 100%;
|
||
height: 400px;
|
||
}
|
||
|
||
.ty_topifrane {
|
||
width: 100%;
|
||
height: 285px;
|
||
}
|
||
|
||
.foot-iframe {
|
||
width: 100%;
|
||
height: 400px;
|
||
}
|
||
|
||
|
||
</style>
|
||
</head>
|
||
|
||
|
||
|
||
<body>
|
||
<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>
|
||
|
||
<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>
|
||
<div id="allmap" style="width: 100%;height: 470px;margin-top: 62px;"></div>
|
||
</div>
|
||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe>
|
||
</body>
|
||
<script type="text/javascript">
|
||
|
||
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);
|
||
});
|
||
}
|
||
|
||
LoadBaiduMapScript().then((BMap) => {
|
||
// 百度地图API功能
|
||
|
||
var map = new BMap.Map("allmap"); // 创建Map实例
|
||
|
||
map.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
|
||
//添加地图类型控件
|
||
|
||
|
||
map.addControl(new BMap.MapTypeControl({
|
||
mapTypes: [
|
||
BMAP_NORMAL_MAP,
|
||
BMAP_HYBRID_MAP
|
||
]
|
||
}));
|
||
|
||
map.setCurrentCity("武汉"); // 设置地图显示的城市 此项是必须设置的
|
||
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
||
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);
|
||
};
|
||
})
|
||
|
||
|
||
var iframe = document.getElementById('getop')
|
||
console.log(iframe);
|
||
var body = iframe.contentWindow.document.body
|
||
|
||
console.log( $(body).nextAll(".ty_gr").css("color","#000"));
|
||
|
||
|
||
|
||
</script>
|
||
|
||
|
||
</html> |