| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,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 MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2025_12_14_01/template/dafeult/ |
Upload File : |
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>{pboot:sitetitle}</title>
<meta name="description" content="{pboot:sitekeywords}" />
<meta name="keywords" content="{pboot:sitedescription}" />
<link rel="preload" href="/skin/index.css" as="style" />
<link rel="stylesheet" href="/skin/index.css" />
<!-- 预连接以优化 Google Maps 脚本加载 -->
<link rel="preconnect" href="https://maps.googleapis.com" />
<link rel="preconnect" href="https://maps.gstatic.com" crossorigin />
</head>
<body class="page">
<!-- 页眉：logo 与导航，遵循语义化与可访问性 -->
<header class="header" role="banner">
<div class="header__inner container">
<a class="header__brand" href="#top" aria-label="JKO Home">
<img src="/skin/img/img1.png" alt="JKO Logo" class="header__logo" width="112" height="32" decoding="async" />
</a>
<nav class="header__nav" aria-label="主导航">
<a class="header__link" href="#home">HOME</a>
<a class="header__link" href="#team">TEAM</a>
<a class="header__link" href="#service">SERVICE</a>
<a class="header__link" href="#contact">CONTACT</a>
</nav>
</div>
</header>
<main id="home" class="main" role="main">
<!-- 英雄区：地图与信息卡片 -->
<section class="hero" aria-label="纽约地图">
<div class="hero__map-wrapper">
<div id="map" class="hero__map" role="application" aria-label="Google 地图">
</div>
</div>
<!-- 信息卡片，遵循设计图视觉效果 -->
<article class="card hero__card" aria-label="公司信息">
<div class="card__header">
<h2 class="card__title">JKO</h2>
<a class="card__cta" href="#contact" role="button">CONTACT</a>
</div>
<div class="card__body">
{pboot:content id=369}
<!--<h3 class="card__subtitle">[content:title]</h3>-->
<p class="card__text">[content:content drophtml=1]</p>
{/pboot:content}
</div>
</article>
</section>
<!-- 为什么选择我们 -->
<section class="choose" aria-labelledby="choose-title">
<div class="container">
<h2 id="choose-title" class="section-title">WHY DO YOU <span class="text-accent">CHOOSE US</span></h2>
{pboot:content id=44}
<p class="choose__desc">[content:content drophtml=1]</p>
{/pboot:content}
<div class="choose__grid">
<img src="/skin/img/img3.png" alt="" srcset="">
</div>
</div>
</section>
<!-- 团队介绍 -->
<!--<section id="team" class="team" aria-labelledby="team-title">-->
<!-- <div class="container">-->
<!-- <article class="card team__card">-->
<!-- {pboot:content id=44}-->
<!-- <div class="card__body">-->
<!-- <h2 id="team-title" class="section-title team__title">OUR <span class="text-accent">TEAM</span></h2>-->
<!-- <p class="card__text">[content:content drophtml=1]</p>-->
<!-- </div>-->
<!-- {/pboot:content}-->
<!-- </article>-->
<!-- </div>-->
<!--</section>-->
<!-- 服务内容 -->
<section id="service" class="services" aria-labelledby="service-title">
<div class="container">
<h2 id="service-title" class="section-title"><span class="text-accent">WHAT SERVICES</span> CAN WE
PROVIDE</h2>
<div class="services__grid">
{pboot:content id=49}
<div class="services__cell services__cell--text">
<h3 class="services__title">[content:title]</h3>
<p class="services__copy">[content:content drophtml=1]</p>
</div>
{/pboot:content}
<img class="services__cell services__img services__img--desk" src="/skin/img/img6.png" alt="Office desk and plants" loading="lazy" />
<img class="services__cell services__img services__img--city" src="/skin/img/img5.png" alt="City skyline" loading="lazy" />
{pboot:content id=52}
<div class="services__cell services__cell--accent">
<h3 class="services__title">[content:title]</h3>
<p class="services__copy">[content:content drophtml=1]</p>
</div>
{/pboot:content}
</div>
</div>
</section>
<!-- 联系我们 -->
<section id="contact" class="contact" aria-labelledby="contact-title">
<div class="container">
<h2 id="contact-title" class="section-title">WELCOME TO <span class="text-accent">CONTACT US</span></h2>
<form class="form" novalidate aria-describedby="contact-desc" action="{pboot:msgaction}" method="post">
<p id="contact-desc" class="visually-hidden">请填写姓名、邮箱、电话与留言，我们会尽快联系您。</p>
<div class="form__row">
<label class="form__label" for="name">Name <span class="req">*</span></label>
<input class="form__input" id="name" name="name" type="text" placeholder="Name" required
autocomplete="name" />
</div>
<div class="form__row">
<label class="form__label" for="email">Email <span class="req">*</span></label>
<input class="form__input" id="email" name="email" type="email" placeholder="Email"
required autocomplete="email" />
</div>
<div class="form__row">
<label class="form__label" for="tel">Phone <span class="req">*</span></label>
<input class="form__input" id="tel" name="tel" type="tel" placeholder="Phone" required
autocomplete="tel" />
</div>
<div class="form__row">
<label class="form__label" for="subject">Subject <span class="req">*</span></label>
<input class="form__input" id="subject" name="subject" type="text" placeholder="Subject" required
autocomplete="subject" />
</div>
<div class="form__row form__row--full">
<label class="form__label" for="message">Type your message here... <span class="req">*</span></label>
<textarea class="form__textarea" id="message" name="content" rows="4"
placeholder="Type your message here…" autocomplete="on"></textarea>
</div>
<div class="form__actions">
<button class="btn btn--primary" type="submit">SUBMIT</button>
</div>
</form>
</div>
</section>
</main>
<footer class="footer" role="contentinfo">
<div class="footer__map-bg" aria-hidden="true">
<img src="/skin/img/img72.png" alt="地图装饰背景" loading="lazy" />
</div>
<div class="footer__inner">
<p class="footer__text">{pboot:sitecopyright} {pboot:siteicp}</p>
{pboot:sitestatistical}
</div>
</footer>
<script>
// 地图初始化回调：中心点纽约 + 标记点 + 类型切换
window.initMap = function initMap() {
var nyc = { lat: 40.715973157264756, lng: -73.96779146949106 };
var map = new google.maps.Map(document.getElementById('map'), {
center: nyc,
zoom: 13,
gestureHandling: 'cooperative',
mapTypeId: 'roadmap',
fullscreenControl: true,
mapTypeControl: false,
});
let url='/api.php/list/8/num/10000';
var info = new google.maps.InfoWindow();
// 使用 fetch 获取数据
fetch(url)
.then(function(response) { return response.json(); })
.then(function(res) {
if (res.code === 1 && res.data) {
res.data.forEach(function(p) {
let ext_latlng = p.ext_latlng.split(',');
var lat = parseFloat(ext_latlng[0]);
var lng = parseFloat(ext_latlng[1]);
if (!isNaN(lat) && !isNaN(lng)) {
var iconUrl ='https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png';
var iconSize = new google.maps.Size(18, 28);
var marker = new google.maps.Marker({
position: { lat: lat, lng: lng },
map: map,
title: p.title,
icon: {
url: iconUrl,
scaledSize: iconSize,
anchor: new google.maps.Point(iconSize.width / 2, iconSize.height)
}
});
marker.addListener('click', function () {
if(p.pics){
window.open(p.contentlink,'_blank');
}else{
var isMobile = window.matchMedia('(max-width: 768px)').matches;
var imgMax = isMobile ? '60vw' : '300px';
var containerMax = isMobile ? '85vw' : '360px';
var content = '<div style="text-align:center;max-width:'+containerMax+';"><strong>' + p.title + '</strong>';
if (p.ico) {
content += '<br><img src="' + p.ico + '" style="max-width:'+imgMax+';height:auto;margin-top:10px;">';
}
content += '</div>';
info.setOptions({ maxWidth: isMobile ? '65vw' : '420px' });
info.setContent(content);
info.open({ anchor: marker, map: map });
}
});
}
});
}
})
.catch(function(error) {
console.error('获取地图数据失败:', error);
});
// 平滑拖动与惯性：由 Maps 内核默认支持
};
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD-Awuh4ebjIyRtgxvXxW5PNrXq28Krq5Q&callback=initMap" async defer></script>
<noscript>请启用 JavaScript 以查看交互式地图与动态内容。</noscript>
</body>
</html>