|
Server : nginx/1.20.1 System : Linux iZ2ze9ojcl78uluczwag69Z 4.18.0-240.22.1.el8_3.x86_64 #1 SMP Thu Apr 8 19:01:30 UTC 2021 x86_64 User : www ( 1000) PHP Version : 7.3.28 Disable Function : passthru,exec,system,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv Directory : /www/wwwroot/0531yanglao.com/runtime/index/temp/ |
<?php /*a:3:{s:59:"/www/wwwroot/0531yanglao.com/templates/index/map_index.html";i:1687770372;s:56:"/www/wwwroot/0531yanglao.com/templates/index/header.html";i:1703647805;s:56:"/www/wwwroot/0531yanglao.com/templates/index/footer.html";i:1673338074;}*/ ?>
<!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>
<!--关键字-->
<meta name="keywords" content="济南养老院分布图,养老机构分布图">
<!--作者-->
<meta name="Description" content="济南养老院分布图提供济南及济南周边养老院分布位置,重点介绍养老院分布图情况,方便广大市民在网上查看济南养老院分布图情况.">
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=BzRSIItkozQGMU95cFMBROe8zEC33XfX"></script>
<base href="<?php echo server_url(); ?>" />
<link rel="stylesheet" href="./css/style.css" />
</head>
<style>
.footer_b p {
font-size: 20px!important;
color: #fff!important;
}
p {
font-size: 14px!important;
color: #666666!important;
margin: 10px 0!important;
line-height: 22px!important;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
}
.contentmap:hover p{
color: pink;
}
</style>
<body>
<!-- 头部 -->
<header>
<div class="head">
<div class="logo">
<a href="http://yl.jnbinzang.com/">
<h1>济南养老网</h1>
<span>济南养老信息服务平台</span></a>
<img src="images/nav.png" class="but">
</div>
<div class="sadsffd dropdown">
<form method="post" action="<?php echo url('/zyly/'); ?>" class="sadsffd">
<input type="text" id="text" name="keyword" class="dropdown-selected inping" placeholder="输入养老院名称" value=""/>
<button class="search_icon" type="submit" id="search" >
<img src="image/search.png" />
</button>
</form>
</div>
<div class="hd_gw">
<img src="image/headerlogo.png" class="fadeout"/>
<li>
<p id="btnn">咨询养老顾问</p>
0531-8298521
</li>
</div>
</div>
<nav>
<ul>
<a title="首页" href="<?php echo server_url(); ?>" class="current">首页</a>
<a title="找养老站" id="zhao" href="<?php echo url('/nursingHome/index'); ?>">找养老院</a>
<!--<a title="机构地图" href="<?php echo url('/map/index'); ?>">机构地图</a>-->
<a title="旅居养老" id="lv" href="<?php echo url('/sojourn/index'); ?>">旅居养老</a>
<a title="为老服务" id="wei" href="<?php echo url('/service/index'); ?>">为老服务</a>
<a title="养老指南" href="<?php echo url('/guide/index'); ?>">养老指南</a>
<a title="养老资讯" id="yang" href="<?php echo url('/article/index'); ?>">养老资讯</a>
<a title="机构入组" href="<?php echo url('/join/index'); ?>">机构入驻</a>
<a title="关于我们" href="<?php echo url('/about/index'); ?>">关于我们</a>
</ul>
</nav>
<!--<div class="swiper mySwiper">-->
<!-- <div class="swiper-wrapper">-->
<!-- <div class="swiper-slide">-->
<!-- <img src="" id="img" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="swiper-button-next"></div>-->
<!-- <div class="swiper-button-prev"></div>-->
<!-- </div>-->
</header>
<!-- 指定养老方案 -->
<div class="login loginss" style="display: none">
<div class="login_content">
<h1>填写老人信息</h1>
<p>别担心，您填写的信息会严格保密，仅根据老人实际情况匹配合适的养老机构</p>
<form class="form " method="">
<label class="username"> <input type="text" placeholder="请填写老人姓名" id="username" name="username" /></label>
<label class="age"> <input type="text" placeholder="请填写老人年龄" id="age" name="age" /></label>
<label class="sex"> <select id="sex" name="sex">
<option value="请选择性别">请选择性别</option>
<option value="男">男</option>
<option value="女">女</option>
</select></label>
<label class="open"> <select id="open" name="open">
<option value="">请选择老人生活能力</option>
<option value="好">好</option>
<option value="不好">不好</option>
</select></label>
<label class="sch"> <input type="text" id="sch" name="sch" placeholder="请填写入住预算" /></label>
<label style="width:100%"> <textarea id="textarea" name="textarea" type="text"
placeholder="请填写老人身体情况，疾病史，用药历史"></textarea></label>
<label class="newname"> <input type="text" id="newname" name="newname" placeholder="请填写联系人" /></label>
<label class="scheel"> <select id="scheel" name="scheel">
<option value="请选择性别">和老人关系</option>
<option value="配偶">朋友</option>
<option value="朋友">配偶</option>
<option value="祖孙">祖孙</option>
<option value="父母">父母</option>
</select></label>
<label class="phonea"><input id="phone" name="phone" type="text" placeholder="请填写联系人手机号" maxlength="11" /></label>
<label class="yanzhengma"><input type="" name="verCode" id="verCode" placeholder="请输入验证码" maxlength="6" /><input type="button" name="" id="verCodeBtn" value="获取验证码" onclick="settime(this);" /></label>
<input type="button" id="btn7" value="确认提交">
</form>
<img src="image/guanbi.png" id="close">
</div>
</div>
<div class="heimu"></div>
<script type="text/javascript" charset="utf-8">
// var text = document.querySelector('#text')
// var textval = text.value
// var search = document.querySelector("#search")
// var param= {
// area: textval,
// }
// const urlsearchParams = new URLSearchParams(param).toString();
// search.onclick = function(){
// window.location.href = 'http://yl.jnbinzang.com/nursingHome.html'+'?'+urlsearchParams
// }
</script>
<!-- 主体 -->
<main>
<div id="mapContainer" style="height: 79vh;"></div>
</main>
<footer>
<!-- <ifrae MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="footer.html" height="100%" width="100%"></ifrae> -->
<div class="footer">
<div class="f_left">
<div class="top">
<a href=""><img src="./image/footer_01.png" alt="济南养老网" title="济南养老网"/>一站式套餐</a>
<a href=""><img src="./image/footer_02.png" alt="济南养老网" title="济南养老网"/>精心挑选</a>
<a href="javascript:void(0);" id="btn4"><img src="./image/footer_03.png" alt="济南养老网" title="济南养老网"/>量身定做</a>
<a href=""><img src="./image/footer_04.png" alt="济南养老网" title="济南养老网"/>用心服务</a>
</div>
<div class="bottom">
<h5 title="一站式服务">一站式服务 共享幸福生活</h5>
<li>
<a href="http://yl.jnbinzang.com/gywm.html" title="关于我们">关于我们</a>
<a href="http://yl.jnbinzang.com/ylzx/" title="养老资讯">养老资讯</a>
<a href="http://yl.jnbinzang.com/jgrz.html" title="机构入驻">机构入驻</a>
<a href="http://yl.jnbinzang.com/ylzn.html" title="养老指南">养老指南</a>
</li>
<button type="button" id="btn5">制定养老方案</button>
</div>
</div>
<div class="f_right">
<div class="top">
<img src="image/footer_05.png" />
<li>
<a>咨询热线：123456</a>
<a>服务热线：8：00-21：00</a>
</li>
</div>
<a>地址：</a>
<div class="bottom">
<li>
<img src="image/footer_erweima.png" alt="济南养老网" title="济南养老网"/>
<a>官方微信</a>
</li>
<li>
<img src="image/footer_erweima.png" alt="济南养老网" title="济南养老网"/>
<a>官方公众号</a>
</li>
</div>
</div>
</div>
</footer>
<div class="footer_b">
<div class="footer_b_banxin">
<h4>找养老院，上养老网</h4>
<ul>
<li><img src="image/xinxiquanmian.png" />信息全面</li>
<li><img src="image/zhuanyefuwu.png" />专业服务</li>
<li><img src="image/wanqiankoubei.png" />万千口碑</li>
</ul>
<p><img src="image/dianhualianxi.png" />0411-84179979</p>
<button type="button">咨询热线</button>
</div>
</div>
<div class="pc_footer_b">
<div class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
<img src="image/footer_erweima.png" id="weixinerweima" alt="济南养老网" title="济南养老网"/><img src="image/weixin.png" alt="济南养老网" title="济南养老网"/>微信
</div>
<div><img src="image/xiaochengxu.png" alt="济南养老网" title="济南养老网"/>小程序</div>
<div><img src="image/kefu.png" alt="济南养老网" title="济南养老网"/>客服</div>
<div><img src="image/fankui.png" alt="济南养老网" title="济南养老网"/>反馈</div>
<div class="top"><img src="image/huidingbu.png" />顶部</div>
</div>
</body>
<script src="./js/jquery-3.6.0.js"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>-->
<script src="./js/swiper-bundle.js"></script>
<script src="./js/style.js"></script>
<script src="./js/page.js"></script>
<script type="text/javascript">
var map = new BMap.Map("mapContainer");
map.centerAndZoom(new BMap.Point(117.1201, 36.6512), 10);
map.enableScrollWheelZoom(true);
$.ajax({
url: "http://yl.jnbinzang.com/api/mapRegion",
dataType: "json",
method: "post",
success: function(data) {
const datas = data.data;
console.log(datas)
var boundary = new BMap.Boundary();
for (var i = 0; i < datas.length; i++) {
(function(name, total, pinyin) {
boundary.get('济南市'+name, function(result) {
var count = result.boundaries.length;
for (var j = 0; j < count; j++) {
var polygon = new BMap.Polygon(result.boundaries[j], {
strokeWeight: 2,
strokeColor: "#ff7113",
fillOpacity: 0.2
});
map.addOverlay(polygon);
var center = polygon.getBounds().getCenter();
var symbol = new BMap.Symbol(BMap_Symbol_SHAPE_CIRCLE, {
scale: 35,
strokeWeight: 3,
strokeColor: "#fb9440",
fillColor: "#fb9440",
fillOpacity: 0.8,
strokeOpacity: 0.8
});
var marker = new BMap.Marker(center, {
icon: symbol,
fillOpacity: 0,
strokeOpacity: 0
});
marker.addEventListener("click", function() {
map.clearOverlays(); // 清除之前地图上的所有图层
$.ajax({
url: "http://yl.jnbinzang.com/api/mapNursingHome",
dataType: "json",
method: "post",
data:{"pinyin":pinyin},
success: function(data) {
console.log(data); // 将返回值打印出来
var map = new BMap.Map("mapContainer");
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上，并调整地图视野
myGeo.getPoint('济南市'+name, function(point){
if (point){
map.centerAndZoom(point, 13); //设置地图中心点和缩放级别
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
//添加多个点坐标
var points = data.data;
for (var i = 0; i < points.length; i++) {
(function (i) {
// 创建标注点，并将地址解析结果作为标注点的位置
myGeo.getPoint(points[i].address, function (pointDemo) {
if (pointDemo) {
var marker = new BMap.Marker(pointDemo);
map.addOverlay(marker);
// 构造信息窗口
var content = '<div class="contentmap" style="width: auto;height: 200px;padding: 10px;">' +
'<img src="' + points[i].filename + '" style="object-fit: cover;float: left;width: 150px;height: auto;margin-right: 10px;">' +
'<div style="float: left;width: 160px;">' +
'<div style="font-size: 16px;font-weight: bold;color: #333;"><a href="http://yl.jnbinzang.com/zyly/' + points[i].nid + '.html">' + points[i].title + '</a></div>' +
'<div style="font-size: 12px;color: #999;margin-top: 5px;">' + points[i].address + '</div>' +
'<div style="font-size: 14px;color: #f28832;margin-top: 5px;">¥ ' + points[i].min_price + '-' + points[i].max_price + '</div>' +
'</div>' +
'<div style="clear:both;"></div>' +
'<div style="font-size: 12px;color: #666;height:100px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;">' + points[i].content + '</div>' +
'</div>';
var infoWindow = new BMap.InfoWindow(content, { width: 370, height: 200 });
marker.addEventListener('click', function () {
this.openInfoWindow(infoWindow);
});
var opts = {
position: pointDemo, // 指定文本标注所在的地理位置
offset: new BMap.Size(9, -45) // 设置文本偏移量
};
var label = new BMap.Label(points[i].title, opts); // 创建文本标注对象
label.setStyle({
color: "#fff",
fontSize: "14px",
height: "20px",
lineHeight: "20px",
fontFamily: "微软雅黑",
backgroundColor: '#f28832',
borderColor: "#f28832"
}); // 设置文本标注样式
// 添加点击事件
label.addEventListener('click', function() {
// 在这里添加跳转链接的逻辑
window.location.href = 'http://yl.jnbinzang.com/zyly/'+ points[i].nid +'.html'; // 替换为您要跳转的链接
});
map.addOverlay(label); // 将文本标注添加到地图中
}
}, "济南市");
})(i);
}
}else{
alert("您选择地址没有解析到结果!");
}
});
},
})
});
var label = new BMap.Label(name + "<br/>" + total + "个养老院", {
offset: new BMap.Size(4, 15),
color: "#ffffff",
backgroundColor: "transparent"
});
label.setStyle({
border: "none",
fontSize: "12px",
lineHeight: "20px",
color: "#ffffff",
fontFamily: "微软雅黑",
backgroundColor: "transparent",
textAlign: "center"
});
marker.setLabel(label);
marker.addEventListener("mouseover", function() {
polygon.setStrokeWeight(4);
polygon.setFillColor("#fb9440");
});
marker.addEventListener("mouseout", function() {
polygon.setStrokeWeight(2);
polygon.setFillColor("#ffffff");
});
map.addOverlay(marker);
}
});
})(datas[i].name, datas[i].total, datas[i].pinyin);
}
}
});
</script>
</html>