更新公司地址为洪辉科创空间A314并接入可定位地图
This commit is contained in:
qianshi
+79
-3
@@ -1,6 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<link rel="stylesheet" href="/assets/vendor/leaflet/leaflet.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="/fontawesome/css/all.min.css">
|
||||
@@ -134,6 +135,23 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
|
||||
.wechat-qr::after{content:'';position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:0;height:0;border:9px solid transparent;border-left-color:#fff;border-right:0}
|
||||
@media(max-width:768px){.sidebar-wechat{display:flex;flex-direction:column;align-items:center;gap:2px;position:fixed;right:0;top:auto;bottom:150px;transform:none;z-index:999}.wechat-qr{right:56px}}
|
||||
|
||||
/* ===== 公司地址地图 ===== */
|
||||
.map-wrap{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:stretch}
|
||||
.map-info{background:var(--bg-dark);border-radius:var(--radius-lg);padding:30px 26px;display:flex;flex-direction:column;gap:22px}
|
||||
.map-info-item{display:flex;gap:14px;align-items:flex-start}
|
||||
.map-icon{flex:0 0 42px;width:42px;height:42px;border-radius:10px;background:rgba(0,200,87,.15);display:flex;align-items:center;justify-content:center;color:#00c857;font-size:1.05rem}
|
||||
.map-label{font-size:.78rem;color:#8fa3cc;letter-spacing:1px;margin-bottom:4px}
|
||||
.map-value{font-size:.9rem;color:#fff;line-height:1.6}
|
||||
.map-open-btn,.map-nav-btn{text-align:center;font-size:.9rem;padding:12px 24px;margin-top:4px}
|
||||
.map-box{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:0 14px 40px rgba(13,27,62,.12);min-height:420px;position:relative}
|
||||
#office-map{position:absolute;inset:0;z-index:1}
|
||||
.leaflet-container{background:#eef1f6;font:inherit}
|
||||
.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 10px 30px rgba(13,27,62,.2)}
|
||||
.leaflet-popup-content{margin:14px 18px;line-height:1.5}
|
||||
.map-popup-title{font-weight:700;color:var(--primary);font-size:.95rem;margin-bottom:4px}
|
||||
.map-popup-addr{font-size:.82rem;color:var(--text-dim)}
|
||||
.map-popup-btn{display:inline-block;margin-top:10px;background:var(--primary);color:#fff;padding:6px 14px;border-radius:6px;font-size:.8rem;text-decoration:none}
|
||||
@media(max-width:900px){.map-wrap{grid-template-columns:1fr}.map-box{min-height:320px}}
|
||||
</style>
|
||||
|
||||
<title>联系我们 — 电话/邮箱/微信多渠道咨询 — 千视科技</title>
|
||||
@@ -157,7 +175,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
|
||||
<meta name="twitter:description" content="联系千视科技：24小时热线18948732299、邮箱105920869@qq.com、微信扫码咨询客服，快速获取专属解决方案评估。">
|
||||
<meta name="twitter:image" content="https://qianshi.cool/assets/wechat-service.png">
|
||||
<script type="application/ld+json">
|
||||
{"@context": "https://schema.org", "@type": "Organization", "name": "千视科技", "alternateName": "Qianshi Tech", "url": "https://qianshi.cool", "logo": "https://qianshi.cool/assets/wechat-service.png", "description": "千视科技：企业智能体、AI拓客、AI推广、软件定制开发，一站式AI数字化增长服务商。", "foundingDate": "2019", "address": {"@type": "PostalAddress", "addressLocality": "深圳", "addressCountry": "CN"}, "contactPoint": {"@type": "ContactPoint", "telephone": "18948732299", "contactType": "sales", "areaServed": "CN", "availableLanguage": ["zh-CN", "en"]}, "sameAs": ["https://qianshi.cool/blog.html", "https://qianshi.cool/cases.html", "https://qianshi.cool/news.html"], "hasBreadcrumb": {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "首页", "item": "https://qianshi.cool/"}, {"@type": "ListItem", "position": 2, "name": "关于我们", "item": "https://qianshi.cool/about.html"}, {"@type": "ListItem", "position": 3, "name": "联系我们", "item": "https://qianshi.cool/contact.html"}]}}
|
||||
{"@context": "https://schema.org", "@type": "Organization", "name": "千视科技", "alternateName": "Qianshi Tech", "url": "https://qianshi.cool", "logo": "https://qianshi.cool/assets/wechat-service.png", "description": "千视科技：企业智能体、AI拓客、AI推广、软件定制开发，一站式AI数字化增长服务商。", "foundingDate": "2019", "address": {"@type": "PostalAddress", "streetAddress": "宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314", "addressLocality": "深圳市", "addressRegion": "广东省", "postalCode": "518100", "addressCountry": "CN"}, "geo": {"@type": "GeoCoordinates", "latitude": 22.599684, "longitude": 113.852470}, "contactPoint": {"@type": "ContactPoint", "telephone": "18948732299", "contactType": "sales", "areaServed": "CN", "availableLanguage": ["zh-CN", "en"]}, "sameAs": ["https://qianshi.cool/blog.html", "https://qianshi.cool/cases.html", "https://qianshi.cool/news.html"], "hasBreadcrumb": {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "首页", "item": "https://qianshi.cool/"}, {"@type": "ListItem", "position": 2, "name": "关于我们", "item": "https://qianshi.cool/about.html"}, {"@type": "ListItem", "position": 3, "name": "联系我们", "item": "https://qianshi.cool/contact.html"}]}}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -257,10 +275,48 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
|
||||
<h4 data-zh="邮箱" data-en="Email">邮箱</h4>
|
||||
<p data-zh="105920869@qq.com" data-en="105920869@qq.com">105920869@qq.com</p></div><div class="card"><span class="icon"><i class="fa-solid fa-location-dot"></i></span>
|
||||
<h4 data-zh="地址" data-en="Address">地址</h4>
|
||||
<p data-zh="深圳" data-en="Shenzhen">深圳</p></div></div>
|
||||
<p style="font-size:.88rem;line-height:1.6;margin-top:10px"><a href="https://uri.amap.com/search?keyword=%E6%B7%B1%E5%9C%B3%E5%B8%82%E5%AE%9D%E5%AE%89%E5%8C%BA%E8%A5%BF%E4%B9%A1%E8%A1%97%E9%81%93%E5%9B%BA%E6%88%8D%E4%B8%80%E8%B7%AF%E5%A1%98%E8%A5%BF%E7%BB%BC%E5%90%88%E6%A5%BC%E6%B4%AA%E8%BE%89%E7%A7%91%E5%88%9B%E7%A9%BA%E9%97%B4A314&city=%E6%B7%B1%E5%9C%B3" target="_blank" rel="noopener" style="color:inherit;text-decoration:none" data-zh="深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314" data-en="A314, Honghui Sci-Tech Space, Tangxi Building, Gushu 1st Rd, Xixiang Sub-district, Bao'an District, Shenzhen">深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314</a></p></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" style="padding:70px 0">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 data-zh="公司地址" data-en="Our Office">公司地址</h2>
|
||||
<p style="margin-top:14px;color:var(--text-dim);line-height:1.7" data-zh="欢迎莅临交流，我们随时恭候您的到访。" data-en="We welcome you to visit our office.">欢迎莅临交流，我们随时恭候您的到访。</p>
|
||||
</div>
|
||||
<div class="map-wrap">
|
||||
<div class="map-info">
|
||||
<div class="map-info-item">
|
||||
<span class="map-icon"><i class="fa-solid fa-location-dot"></i></span>
|
||||
<div>
|
||||
<div class="map-label" data-zh="办公地址" data-en="Office Address">办公地址</div>
|
||||
<div class="map-value">深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="map-info-item">
|
||||
<span class="map-icon"><i class="fa-solid fa-phone"></i></span>
|
||||
<div>
|
||||
<div class="map-label" data-zh="咨询电话" data-en="Phone">咨询电话</div>
|
||||
<div class="map-value">18948732299</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="map-info-item">
|
||||
<span class="map-icon"><i class="fa-solid fa-envelope"></i></span>
|
||||
<div>
|
||||
<div class="map-label" data-zh="电子邮箱" data-en="Email">电子邮箱</div>
|
||||
<div class="map-value">105920869@qq.com</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://uri.amap.com/search?keyword=%E6%B7%B1%E5%9C%B3%E5%B8%82%E5%AE%9D%E5%AE%89%E5%8C%BA%E8%A5%BF%E4%B9%A1%E8%A1%97%E9%81%93%E5%9B%BA%E6%88%8D%E4%B8%80%E8%B7%AF%E5%A1%98%E8%A5%BF%E7%BB%BC%E5%90%88%E6%A5%BC%E6%B4%AA%E8%BE%89%E7%A7%91%E5%88%9B%E7%A9%BA%E9%97%B4A314&city=%E6%B7%B1%E5%9C%B3" target="_blank" rel="noopener" class="btn btn-primary map-open-btn" data-zh="在地图中打开" data-en="Open in Maps">在地图中打开</a>
|
||||
<a href="https://uri.amap.com/navigation?to=113.852470,22.599684,%E5%8D%83%E8%A7%86%E7%A7%91%E6%8A%80&mode=car" target="_blank" rel="noopener" class="btn btn-outline map-nav-btn" data-zh="获取导航" data-en="Get Directions">获取导航</a>
|
||||
</div>
|
||||
<div class="map-box">
|
||||
<div id="office-map"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-gray">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
@@ -324,7 +380,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
|
||||
<h5 data-zh="联系方式" data-en="Contact">联系方式</h5>
|
||||
<div style="font-size:1.3rem;font-weight:700;color:#fff">18948732299</div>
|
||||
<div style="margin-top:4px;color:#a8b3d4">105920869@qq.com</div>
|
||||
<div style="margin-top:12px;font-size:.85rem;color:#a8b3d4" data-zh="地址：深圳" data-en="Addr: Shenzhen">地址：深圳</div>
|
||||
<div style="margin-top:12px;font-size:.82rem;line-height:1.5;color:#a8b3d4" data-zh="地址：深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314" data-en="Addr: A314, Honghui Sci-Tech Space, Tangxi Building, Gushu 1st Rd, Xixiang Sub-district, Bao'an District, Shenzhen">地址：深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314<a href="https://uri.amap.com/search?keyword=%E6%B7%B1%E5%9C%B3%E5%B8%82%E5%AE%9D%E5%AE%89%E5%8C%BA%E8%A5%BF%E4%B9%A1%E8%A1%97%E9%81%93%E5%9B%BA%E6%88%8D%E4%B8%80%E8%B7%AF%E5%A1%98%E8%A5%BF%E7%BB%BC%E5%90%88%E6%A5%BC%E6%B4%AA%E8%BE%89%E7%A7%91%E5%88%9B%E7%A9%BA%E9%97%B4A314&city=%E6%B7%B1%E5%9C%B3" target="_blank" rel="noopener" style="color:#00c857;text-decoration:none;margin-left:4px" data-zh="查看地图" data-en="View on Map">查看地图</a></div>
|
||||
<div style="margin-top:16px;text-align:center">
|
||||
<a href="https://work.weixin.qq.com/kfid/kfc2c2318896260391b" target="_blank" rel="noopener" style="text-decoration:none">
|
||||
<img src="/assets/wechat-service.png" alt="微信扫码咨询客服二维码" class="wechat-qr-img">
|
||||
@@ -383,5 +439,25 @@ body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans G
|
||||
</script>
|
||||
<script src="/i18n.js"></script>
|
||||
|
||||
<script src="/assets/vendor/leaflet/leaflet.js"></script>
|
||||
<script>
|
||||
(function(){
|
||||
if(typeof L === 'undefined') return;
|
||||
var el = document.getElementById('office-map');
|
||||
if(!el) return;
|
||||
var CENTER = [22.599684, 113.852470];
|
||||
var ADDR = "深圳市宝安区西乡街道固戍一路塘西综合楼洪辉科创空间A314";
|
||||
var POPUP = '<div class="map-popup-title">千视科技</div>'
|
||||
+ '<div class="map-popup-addr">' + ADDR + '</div>'
|
||||
+ '<a class="map-popup-btn" href="https://uri.amap.com/search?keyword=%E6%B7%B1%E5%9C%B3%E5%B8%82%E5%AE%9D%E5%AE%89%E5%8C%BA%E8%A5%BF%E4%B9%A1%E8%A1%97%E9%81%93%E5%9B%BA%E6%88%8D%E4%B8%80%E8%B7%AF%E5%A1%98%E8%A5%BF%E7%BB%BC%E5%90%88%E6%A5%BC%E6%B4%AA%E8%BE%89%E7%A7%91%E5%88%9B%E7%A9%BA%E9%97%B4A314&city=%E6%B7%B1%E5%9C%B3" target="_blank" rel="noopener">在地图中打开</a>';
|
||||
var map = L.map(el, {center: CENTER, zoom: 16, zoomControl: true});
|
||||
L.tileLayer('https://{s}.is.autonavi.com/appmaptile?lang=zh-cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}', {
|
||||
subdomains: ['webrd01','webrd02','webrd03','webrd04'],
|
||||
maxZoom: 19, attribution: '© 高德地图'
|
||||
}).addTo(map);
|
||||
L.marker(CENTER).addTo(map).bindPopup(POPUP).openPopup();
|
||||
setTimeout(function(){ map.invalidateSize(); }, 400);
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user