745 lines
24 KiB
HTML
745 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cmn-Hans">
|
||
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
|
||
<meta name="description" content="基于SEO网站" />
|
||
<meta name="keywords" content="基于SEO网站" />
|
||
<meta name="applicable-device" content="pc,mobile" />
|
||
<meta name="MobileOptimized" content="width" />
|
||
<meta name="HandheldFriendly" content="true" />
|
||
<meta name="robots" content="noarchive" />
|
||
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
|
||
<meta name="theme-color" content="#db5945">
|
||
<meta name="google" value="notranslate">
|
||
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
|
||
<title>SID</title>
|
||
<link rel="stylesheet" type="text/css" href="/css/base.css" />
|
||
<link rel="stylesheet" type="text/css" href="/css/style.css" />
|
||
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
|
||
<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="/js/swiper.min.js"></script>
|
||
<script type="text/javascript" src="http://api.map.baidu.com/geocoder/v2/?ak=mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I&output=json&address=百度大厦&city=北京市"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 头部导航 -->
|
||
<header class="header">
|
||
<div class="header-con">
|
||
<nav class="w1236 nav">
|
||
<ul>
|
||
<li class="li on"><a href="/">首页</a></li>
|
||
<li class="li"><a href="/htmls/studyAbroad.html">留学</a>
|
||
|
||
<div class="media-top media-on">
|
||
<div class="media-nav">
|
||
<a href="/htmls/studyAbroad.html" class="on">全部</a><a
|
||
href="/htmls/highSchool.html">德国高中</a><a href="/htmls/prep.html">预科</a><a
|
||
href="/htmls/undergraduate.html">本科</a><a href="/htmls/degree.html">硕士</a><a
|
||
href="/htmls/APS.html">APS审核</a><a href="/htmls/music.html">德国音乐</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="li"><a href="/htmls/media.html">媒体</a>
|
||
<div class="media-top media-on">
|
||
<div class="media-nav">
|
||
<a href="/htmls/media.html">最新</a><a class="on" href="/htmls/mediaVideo.html">视频</a><a
|
||
href="/htmls/mediaArticle.html">文章</a>
|
||
</div>
|
||
</div>
|
||
|
||
</li>
|
||
<li class="li"><a href="/htmls/SID.html">SID</a></li>
|
||
</ul>
|
||
|
||
<div class="int-con">
|
||
<a class="int" href="/htmls/search.html">
|
||
<img src="/imgs/public/ss.png" alt="">
|
||
<input placeholder="搜索" type="text" name="" id="">
|
||
</a>
|
||
<a class="logo-top" href=""><img src="/imgs/public/logo.png" alt=""></a>
|
||
</div>
|
||
|
||
<div class="navClick">
|
||
<p></p>
|
||
<p></p>
|
||
<p></p>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
|
||
</header>
|
||
<script>
|
||
let navClickT = true
|
||
$(".navClick").on("click", () => {
|
||
if (navClickT) {
|
||
$(".header .nav ul").css("display", "flex")
|
||
$(".navClick").addClass("tr90")
|
||
navClickT = !navClickT
|
||
} else {
|
||
$(".header .nav ul").css("display", "none")
|
||
$(".navClick").removeClass("tr90")
|
||
navClickT = !navClickT
|
||
}
|
||
|
||
})
|
||
|
||
if( $(window).width() < 1025 ){
|
||
$(".media-on").prev().attr("href","javascript:;")
|
||
$(".media-on").prev().on("click",(e)=>{
|
||
console.log(123);
|
||
e.stopPropagation();
|
||
})
|
||
}
|
||
|
||
</script>
|
||
<div class="SID-swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="SID-her top-height" style="background-image: url(/imgs/ber.png);">
|
||
<div class="SID-her-con ">
|
||
<p class="title-name"><span>SID</span>始于德国</p>
|
||
<p class="text">Studium In Deutschland,2014</p>
|
||
<div class="SID-her-address">
|
||
<p class="one">成都</p>
|
||
<p class="two">天津</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="in-ber" style="background-image: url(/imgs/ber.png);">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
var mySwiper = new Swiper('.SID-swiper-container', {
|
||
autoplay:true, loop: true, // 循环模式选项
|
||
|
||
|
||
})
|
||
</script>
|
||
|
||
|
||
<div class="SID-about">
|
||
<img class="SID-about-berImg" src="/imgs/public/gyber.png" alt="">
|
||
|
||
<div class="w1236">
|
||
<div class="SID-about-tit">
|
||
<p class="title-name">关于SID</p>
|
||
<p class="text clips2">Studium In Deutschland，简称SID，寓意着在德深造。
|
||
</p>
|
||
<p class="text clips3">由来自德国名校Karlsruhe Institut für Technologie卡尔斯鲁厄理工学院优秀校友们，于2014年在大学创立的国际教育机构，致力于为留德预备用户提供境内外全面的德国留学咨询与服务。</p>
|
||
</div>
|
||
|
||
<div class="SID-about-con">
|
||
<div class="list">
|
||
<p class="list-date pdrl">
|
||
专注
|
||
德国
|
||
</p>
|
||
<div class="text">
|
||
<p class="title-name">术业有专攻</p>
|
||
<p class="p">2014年成立至今
|
||
只做德国留学</p>
|
||
</div>
|
||
</div>
|
||
<div class="list">
|
||
<p class="list-date ">
|
||
2016年
|
||
</p>
|
||
<div class="text">
|
||
<p class="title-name">落户成都</p>
|
||
<p class="p">在成都设立
|
||
中国全资公司</p>
|
||
</div>
|
||
</div>
|
||
<div class="list">
|
||
<p class="list-date ">
|
||
2020年
|
||
</p>
|
||
<div class="text">
|
||
<p class="title-name">落户天津</p>
|
||
<p class="p">在天津设立
|
||
分公司</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="impact SID-impact">
|
||
<div class="right">
|
||
<div class="rightCon">
|
||
<p class="titp">网络综合影响力</p>
|
||
<p class="text clips3">SID从2015年起坚持每个工作日发布原创文章，内容涵盖APS准 备、德国大学政策与录取标准、开户签证经验，德国留学生活分享等，迄今为止已原创超过900篇高质量文章。</p>
|
||
<p class="text clips3"> 随后，SID开设了知乎、Bilibili、微博、CCtalk等多平台账户，通过问答和视频的形式帮助更多对德国留学有兴趣的用户群体。</p>
|
||
<a href="">
|
||
<div class="zf tb">
|
||
<div><img src="/imgs/zh.png" alt=""></div> <span>知乎</span>
|
||
</div>
|
||
<img class="img-one" src="/imgs/zjt.png" alt="">
|
||
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
|
||
</a>
|
||
<a href="">
|
||
<div class="wb tb">
|
||
<div><img src="/imgs/wb.png" alt=""></div> <span>微博</span>
|
||
</div>
|
||
<img class="img-one" src="/imgs/zjt.png" alt="">
|
||
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
|
||
</a>
|
||
<a href="">
|
||
<div class="wx tb">
|
||
<div><img src="/imgs/wx.png" alt=""></div> <span>微信公众号</span>
|
||
</div>
|
||
<img class="img-one" src="/imgs/zjt.png" alt="">
|
||
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
|
||
</a>
|
||
<a href="">
|
||
<div class="bl tb">
|
||
<div><img src="/imgs/bl.png" alt=""></div> <span>Bilibili</span>
|
||
</div>
|
||
<img class="img-one" src="/imgs/zjt.png" alt="">
|
||
<img class="img-two" src="/imgs/public/zjtHover.png" alt="">
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="img">
|
||
<img class="imgW" src="/imgs/public/SIDYX.png" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="w1236 degree-pd160">
|
||
<div class="SID-tit">
|
||
<p class="title-name">SID走进大学校园</p>
|
||
<p class="text">自2016年起，SID与四川各大高校合作，开展德语学习和德国留学的专题讲座。不限于成都，SID利用在线上的影响力，通过深度调研目标群体的核心需求，不定期举办全国巡讲活动，扩大了全国范围的影响力。</p>
|
||
</div>
|
||
<div class="SID-campus">
|
||
<div class="list">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/xy.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="text">
|
||
四川大学 机械学院
|
||
</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/xy.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="text">
|
||
四川大学 机械学院
|
||
</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/xy.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="text">
|
||
四川大学 机械学院
|
||
</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/xy.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="text">
|
||
四川大学 机械学院
|
||
</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/xy.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="text">
|
||
四川大学 机械学院
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="SID-scene">
|
||
<div class="left">
|
||
<div class="scene-swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/Xxianvc.png" class="imgW" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/Xxianvc.png" class="imgW" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="list-img">
|
||
<img src="/imgs/public/Xxianvc.png" class="imgW" alt="">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 如果需要分页器 -->
|
||
<div class="scene-swiper-pagination"></div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<p class="title-name">丰富多彩的
|
||
</p>
|
||
<p class="title-name">线下活动现场</p>
|
||
<p class="text clips3">SID在积极举行大学内的分享会外，还举行了各种类型的线下活动，加深和同学、家长以及行业老师的联系。
|
||
|
||
|
||
</p>
|
||
<p class="text clips4">在2019年的圣诞活动里，参加人数超过50位，大家在欢声笑语中分享获得礼物的喜悦。
|
||
除此以外，SID还举行了面向留学行业内老师的国际教育交流会，旨在促进各方交流，交流最新留学政策，在相互学习中，以便向客户提供更好的服务。</p>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
var mySwipera = new Swiper('.scene-swiper-container', {
|
||
autoplay:true, loop: true, // 循环模式选项
|
||
|
||
// 如果需要分页器
|
||
pagination: {
|
||
el: '.scene-swiper-pagination',
|
||
},
|
||
|
||
|
||
|
||
})
|
||
</script>
|
||
|
||
|
||
<p class="title mt160">SID的合作伙伴</p>
|
||
<div class="cooperation w1236">
|
||
<div class="one">
|
||
<img class="imgW" src="/imgs/ha.png" alt="">
|
||
</div>
|
||
<div class="listCon">
|
||
<div class="list">
|
||
<img src="/imgs/hb.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/hc.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/hd.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/he.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/hf.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/hh.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/hg.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/vodafone.png" class="imgW" alt="">
|
||
</div>
|
||
<div class="list">
|
||
<img src="/imgs/hy.png" class="imgW" alt="">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="contact w1236">
|
||
<div class="contact-con">
|
||
<p class="titp">与德国高校共建升学绿色通道</p>
|
||
<p class="text clips3">SID牵手德国洪堡中心、亚琛工业大学国际学院、德累斯顿工业大学高级研究院、多特蒙德国际管理商学院ISM、EBS商学院和SRH
|
||
Berlin柏林应用科技大学、欧洲应用科技大学UE、柏林艺术学院、汉诺威音乐学院等高校，达成德国升学的绿色通道。</p>
|
||
</div>
|
||
<div class="contact-con">
|
||
<p class="titp">与德企一道提供更优质的服务</p>
|
||
<p class="text clips3">
|
||
我们也是德国保险巨头DAK、TK、Barmer；德国电信巨头沃达丰Vodafon；德国自保证官方账户提供房Fintiba、Expatrio的官方战略合作伙伴，为客户提供了全面的境外必要服务。</p>
|
||
</div>
|
||
<a href="" class="contactHref">联系SID</a>
|
||
</div>
|
||
|
||
|
||
<div class="team mt160">
|
||
<div class="team-con w1236">
|
||
<div class="tit">
|
||
<p class="titp">来自德国的海归团队</p>
|
||
<p class="text">SID核心团队包括核心运营部门、APS辅导部门与艺术作品集指导部门。 </p>
|
||
<p class="text">每个部门均由超过80%的德国顶尖硕博人员组成。</p>
|
||
</div>
|
||
|
||
<div class="list-con">
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls1.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Rocky</p>
|
||
<p>SID CEO / CO-FOUNDER</p>
|
||
<p>卡尔斯鲁尔理工学院</p>
|
||
<p> 机械专业硕士</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls2.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Nicole</p>
|
||
<p>SID CO-FOUNDER</p>
|
||
<p>柏林自由大学
|
||
</p>
|
||
<p> 市场营销学硕士</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls3.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Felix</p>
|
||
<p>SID 天津分部主管</p>
|
||
<p>卡尔斯鲁尔理工学院</p>
|
||
<p>机械专业硕士</p>
|
||
</div>
|
||
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
</div>
|
||
<p class="titp">Vanesa</p>
|
||
<p>SID 成都咨询部主管</p>
|
||
<p>柏林自由大学</p>
|
||
<p>市场营销学硕士</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls4.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Livia</p>
|
||
<p>SID前期指导</p>
|
||
<p>中国海洋大学德语专业
|
||
</p>
|
||
<p> 曾赴波恩大学交换</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls5.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Hoff</p>
|
||
<p>SID中期指导</p>
|
||
<p>杜塞尔多夫大学
|
||
</p>
|
||
<p> 欧洲历史学、日本学专业双学位本科</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls6.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Jane</p>
|
||
<p>SID后期指导</p>
|
||
<p>四川外国语大学德语笔译专业硕士
|
||
</p>
|
||
<p> 曾赴海德堡大学交换</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="imgTit">
|
||
<img src="/imgs/ls7.png" class="imgW" alt="">
|
||
</div>
|
||
<p class="titp">Eva</p>
|
||
<p>SID后期指导</p>
|
||
<p>耶拿大学
|
||
</p>
|
||
<p> 对外德语专业硕士</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="degree-pd160 w1236">
|
||
<div class="SID-tit">
|
||
<p class="title-name">联系SID</p>
|
||
|
||
</div>
|
||
|
||
<div class="contact-SID">
|
||
|
||
<div class="list">
|
||
<div class="list-address">
|
||
<div id="allmap" style="width: 100%;height: 100%;"></div>
|
||
</div>
|
||
<p class="list-address-title">SID@成都·大合仓</p>
|
||
<div class="text">
|
||
<div class="p">
|
||
<p>地址：</p>
|
||
<p class="clips2">四川·成都·武侯区星狮路511号大合仓A405，乘坐3号线-川藏立交站直达</p>
|
||
</div>
|
||
<div class="p">
|
||
<p>电话：</p>
|
||
<p>028-61103687</p>
|
||
</div>
|
||
<div class="list-wx">
|
||
<div class="list-con">
|
||
<div class="list-wx-img">
|
||
<img src="/imgs/public/erm.png" class="" alt="">
|
||
</div>
|
||
<p class="list-wx-text">魏老师</p>
|
||
</div>
|
||
<div class="list-con">
|
||
<div class="list-wx-img">
|
||
<img src="/imgs/public/erm.png" class="" alt="">
|
||
</div>
|
||
<p class="list-wx-text">魏老师</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="list">
|
||
<div class="list-address">
|
||
<div id="allmap1" style="width: 100%;height: 100%;"></div>
|
||
</div>
|
||
<p class="list-address-title">SID@成都·大合仓</p>
|
||
<div class="text">
|
||
<div class="p">
|
||
<p>地址：</p>
|
||
<p class="clips2">四川·成都·武侯区星狮路511号大合仓A405，乘坐3号线-川藏立交站直达</p>
|
||
</div>
|
||
<div class="p">
|
||
<p>电话：</p>
|
||
<p>028-61103687</p>
|
||
</div>
|
||
<div class="list-wx">
|
||
<div class="list-con">
|
||
<div class="list-wx-img">
|
||
<img class="imgW" src="/imgs/public/erm.png" alt="">
|
||
</div>
|
||
<p class="list-wx-text">魏老师</p>
|
||
</div>
|
||
<div class="list-con">
|
||
<div class="list-wx-img">
|
||
<img class="imgW" src="/imgs/public/erm.png" alt="">
|
||
</div>
|
||
<p class="list-wx-text">魏老师</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<footer class="footer">
|
||
<div class="list-con">
|
||
<div class="ul w1236">
|
||
<a class="li" href="/htmls/link.html">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a> <a class="li" href="">友情链接</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="footer-con w1236">
|
||
<div class="one">
|
||
<a href=""><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
|
||
<p>成都总部</p>
|
||
<p class="address"> <span>地址：</span> <span>四川·成都·武侯区星狮路511号大合仓A405
|
||
乘坐3号线-川藏立交站直达</span> </p>
|
||
<p class="date"> <span>电话：</span> 028-61103687</p>
|
||
<div class="wx">
|
||
<img src="/imgs/public/wx1.png" alt=""><img src="/imgs/public/wx2.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="one">
|
||
<a href="" class="placeholder" style="opacity: 0;"><img class="imgW" src="/imgs/public/logo.png" alt=""></a>
|
||
<p>天津分部</p>
|
||
<p class="address"> <span>地址：</span> <span>天津·河西区 马场道59号平安大厦B座21层D单元
|
||
地铁1号线，小白楼站</span> </p>
|
||
<p class="date"> <span>电话：</span>19922577220</p>
|
||
<div class="wx">
|
||
<img src="/imgs/public/wx3.png" alt=""><img src="/imgs/public/wx4.png" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="two">
|
||
<p class="titp">联系我们</p>
|
||
<p><span>联络：</span><span>成先生</span></p>
|
||
<p><span>邮箱：</span><span>info@sidchina.com</span></p>
|
||
|
||
<div class="zx">
|
||
<a href="">
|
||
<div>
|
||
<img src="/imgs/wx.png" alt="">
|
||
</div>
|
||
<p>微信公众号</p>
|
||
</a>
|
||
<a href="">
|
||
<div>
|
||
<img src="/imgs/wb.png" alt="">
|
||
</div>
|
||
<p>微博</p>
|
||
</a>
|
||
<a href="">
|
||
<div>
|
||
<img src="/imgs/zh.png" alt="">
|
||
</div>
|
||
<p>知乎</p>
|
||
</a>
|
||
<a href="">
|
||
<div>
|
||
<img src="/imgs/bl.png" alt="">
|
||
</div>
|
||
<p>Bilibili</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="w1236 bq">Copyright © 2021 成都朝浪教育咨询有限公司 版权所有 某ICP备xxxxxxxx号</p>
|
||
|
||
</footer>
|
||
<div class="suspension">
|
||
<a>
|
||
<img src="/imgs/public/iocn.png" alt="">
|
||
</a>
|
||
<a>
|
||
<img src="/imgs/public/icon2.png" alt="">
|
||
<p class="tel">
|
||
028-61103687
|
||
</p>
|
||
</a>
|
||
<a>
|
||
<img src="/imgs/public/iocn1.png" alt="">
|
||
<div class="wxber">
|
||
<img class="imgW" src="/imgs/public/wx1.png" alt="">
|
||
</div>
|
||
</a>
|
||
|
||
<a>
|
||
<img src="/imgs/public/icon3.png" alt="">
|
||
</a>
|
||
|
||
|
||
</div>
|
||
<script>
|
||
$(".int input").on("input", () => {
|
||
$(".int img").css("display", "none")
|
||
if ($(".int input").val() == "") {
|
||
$(".int img").css("display", "block")
|
||
}
|
||
})
|
||
$(".int input").on("blur ", () => {
|
||
$(".int img").css("display", "block")
|
||
$(".int input").val("")
|
||
})
|
||
</script>
|
||
<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("/imgs/public/dz.png", new BMap.Size(200, 200), {
|
||
// 指定定位位置
|
||
offset: new BMap.Size(20,20),
|
||
// 当需要从一幅较大的图片中截取某部分作为标注图标时，需要指定大图的偏移位置
|
||
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 mapa = new BMap.Map("allmap1"); // 创建Map实例
|
||
mapa.centerAndZoom(new BMap.Point(104.067923463, 30.6799428454), 11); // 初始化地图,设置中心点坐标和地图级别
|
||
//添加地图类型控件
|
||
mapa.addControl(new BMap.MapTypeControl({
|
||
mapTypes: [
|
||
BMAP_NORMAL_MAP,
|
||
BMAP_HYBRID_MAP
|
||
]
|
||
}));
|
||
mapa.setCurrentCity("武汉"); // 设置地图显示的城市 此项是必须设置的
|
||
mapa.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("/imgs/public/dz.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 });
|
||
mapa.addOverlay(marker);
|
||
};
|
||
})
|
||
|
||
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |