86-755-88888888 info@TKSystem.com AM 8:00 - PM 18:00
TKsystem is universal. It’s currently integrated with more than 1,000 models of GPS tracking devices, including personal GPS trackers, Additionally, TKSystem is able to process data, received from after-market sensors (weight, humidity, light, temperature and others), cameras, tachograph and other supplementary GPS hardware, connected to GPS tracking devices.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GPS Hardware and Devices List</title>
<style>
/* 重置样式确保兼容性 */
.gps-device-search * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.gps-device-search {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background: #f5f7fa;
color: #333;
line-height: 1.6;
}
.gps-header {
text-align: center;
margin-bottom: 40px;
padding: 30px;
background: white;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.gps-header h1 {
color: #2c3e50;
margin-bottom: 15px;
font-size: 2.5rem;
}
.gps-subtitle {
color: #7f8c8d;
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto;
}
.gps-search-container {
display: flex;
justify-content: center;
margin: 30px 0;
}
.gps-search-box {
display: flex;
width: 100%;
max-width: 600px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 50px;
overflow: hidden;
}
.gps-search-input {
flex: 1;
padding: 15px 20px;
border: none;
font-size: 16px;
outline: none;
background: white;
}
.gps-search-button {
padding: 15px 30px;
background: #3498db;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
font-weight: bold;
transition: all 0.3s ease;
}
.gps-search-button:hover {
background: #2980b9;
}
.gps-search-stats {
text-align: center;
margin: 20px 0;
color: #7f8c8d;
font-style: italic;
font-size: 16px;
}
.gps-content-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
margin-top: 30px;
}
.gps-content-item {
background: white;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gps-content-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.gps-content-item h3 {
color: #2c3e50;
margin-bottom: 10px;
border-bottom: 2px solid #f1f1f1;
padding-bottom: 8px;
font-size: 1.3rem;
}
.gps-content-item p {
color: #555;
font-size: 14px;
line-height: 1.5;
}
.gps-highlight {
background-color: #ffeaa7;
padding: 2px 4px;
border-radius: 3px;
font-weight: bold;
}
.gps-no-results {
text-align: center;
padding: 40px;
background: white;
border-radius: 10px;
grid-column: 1 / -1;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.gps-content-container {
grid-template-columns: 1fr;
}
.gps-search-box {
flex-direction: column;
border-radius: 10px;
}
.gps-search-input, .gps-search-button {
border-radius: 0;
}
.gps-search-button {
border-radius: 0 0 10px 10px;
}
.gps-header h1 {
font-size: 2rem;
}
}
</style>
</head>
<body>
<div class="gps-device-search">
<div class="gps-header">
<h1>GPS Hardware and Devices</h1>
<p class="gps-subtitle">Search our comprehensive list of GPS tracking devices and hardware from leading manufacturers</p>
</div>
<div class="gps-search-container">
<div class="gps-search-box">
<input type="text" class="gps-search-input" placeholder="Search for devices or manufacturers...">
<button class="gps-search-button">Search</button>
</div>
</div>
<div class="gps-search-stats">Showing <span class="gps-result-count">23</span> manufacturers</div>
<div class="gps-content-container">
<div class="gps-content-item">
<h3>LKGPS</h3>
<p>LK109 LK209 LK208 LK103</p>
</div>
<div class="gps-content-item">
<h3>TKSTAR</h3>
<p>TK109 TK909 TK209 TK905 TK903</p>
</div>
<div class="gps-content-item">
<h3>Jimi</h3>
<p>VL306 VL308 VL508 VT100 VT200 VT306 CV100 CV200 CV300 CV600 PC10 PC11 PC20 DR20 DR30 LM100 LM101 LM103</p>
</div>
<div class="gps-content-item">
<h3>Meitrack</h3>
<p>MT100 MT200 MT300 T1 T3 T5 T6 T8 T12 T20 T200 T300 T333 T600 T700 T800 M10 M20</p>
</div>
<div class="gps-content-item">
<h3>Concox</h3>
<p>GT06 GT06N GT300 GT500 GT600 PT10 PT20 PT30 PT868 TB100 TB200 TB300 NR100 NR200 NR300</p>
</div>
<div class="gps-content-item">
<h3>Queclink</h3>
<p>GV55 GV75 GV200 GV300 GV350 GV600 BC660 BC660K BC810 BU310 BU350</p>
</div>
<div class="gps-content-item">
<h3>ATrack</h3>
<p>AK11 AK13 AK15 AK33 AK55 AK300 AK500 AX7 AX9 AX11 AX15</p>
</div>
<div class="gps-content-item">
<h3>Sinocastel</h3>
<p>S10 S11 S20 S30 S50 S60 S70 S80 S90 S100 S200 S300 S500 S600 S700</p>
</div>
<div class="gps-content-item">
<h3>Eelink</h3>
<p>GL100 GL200 GL300 GL500 GT600 GT700 GT800 GT800A GT900 OB02 OB03 OB05 OB06 EW10 EW100 EW200</p>
</div>
<div class="gps-content-item">
<h3>iTrack</h3>
<p>iTrack A1 iTrack A5 iTrack A7 iTrack A8 iTrack A9 iTrack B5 iTrack B6 iTrack B8 iTrack F2 iTrack F5 iTrack F6 iTrack T6 iTrack T8</p>
</div>
<div class="gps-content-item">
<h3>ThinkRace</h3>
<p>TK101 TK102 TK103 TK104 TK105 TK106 TK201 TK202 TK203 TK205 TK206 TK208 TK209 TK300 TK400 TK500</p>
</div>
<div class="gps-content-item">
<h3>Yepzon</h3>
<p>Yepzon One Yepzon Pro Yepzon Flex</p>
</div>
<div class="gps-content-item">
<h3>Rewire Security</h3>
<p>Blue Spark Nano 4.0 Spark Nano 4.0 LTE-M Pulse SideKick 4.0 Drive</p>
</div>
<div class="gps-content-item">
<h3>Invoxia</h3>
<p>NVX Vehicle GPS Tracker NVX Motorcycle GPS Tracker</p>
</div>
<div class="gps-content-item">
<h3>TrakMate</h3>
<p>TM-10 TM-100 TM-200 TM-300 TM-400 TM-500 TM-600</p>
</div>
<div class="gps-content-item">
<h3>USGlobalSat</h3>
<p>TR-101 TR-102 TR-103 TR-201 TR-202</p>
</div>
<div class="gps-content-item">
<h3>Tracki</h3>
<p>Tracki Classic Tracki Pro Tracki Mini Tracki Mate</p>
</div>
<div class="gps-content-item">
<h3>Optimus</h3>
<p>GPS-101 GPS-102 GPS-103 GPS-301 GPS-302 GPS-303 OM-100 OM-200 OM-300</p>
</div>
<div class="gps-content-item">
<h3>GlobalSat</h3>
<p>GS-101 GS-102 GS-103 GS-201 GS-202 GS-203</p>
</div>
<div class="gps-content-item">
<h3>Amberlo</h3>
<p>AT1 AT2 AT3 AT4 AT5 AT6 AT7</p>
</div>
<div class="gps-content-item">
<h3>PowUnity</h3>
<p>BikeTrax BikeTrax Pro BikeTrax Mini</p>
</div>
<div class="gps-content-item">
<h3>Sherlock</h3>
<p>Sherloq4 Sherloq4 Plus Sherloq4 Pro</p>
</div>
</div>
</div>
<script>
// 搜索功能
document.addEventListener('DOMContentLoaded', function() {
const searchInput = document.querySelector('.gps-search-input');
const searchButton = document.querySelector('.gps-search-button');
const contentContainer = document.querySelector('.gps-content-container');
const resultCount = document.querySelector('.gps-result-count');
const contentItems = contentContainer.querySelectorAll('.gps-content-item');
// 保存原始内容用于重置
const originalHTML = contentContainer.innerHTML;
function performSearch() {
const searchTerm = searchInput.value.trim().toLowerCase();
if (!searchTerm) {
// 如果搜索词为空，显示所有内容
contentContainer.innerHTML = originalHTML;
updateResultCount(contentItems.length);
return;
}
let matchCount = 0;
// 遍历所有内容项
contentItems.forEach(item => {
const textContent = item.textContent.toLowerCase();
// 移除之前的高亮
removeHighlights(item);
if (textContent.includes(searchTerm)) {
item.style.display = 'block';
matchCount++;
// 高亮匹配的文本
highlightText(item, searchTerm);
} else {
item.style.display = 'none';
}
});
if (matchCount === 0) {
contentContainer.innerHTML = `
<div class="gps-no-results">
<h3>No results found</h3>
<p>Please try another search term</p>
</div>
`;
}
updateResultCount(matchCount);
}
// 高亮文本
function highlightText(element, searchTerm) {
const regex = new RegExp(`(${searchTerm})`, 'gi');
// 处理文本内容
const walker = document.createTreeWalker(
element,
NodeFilter.SHOW_TEXT,
null,
false
);
let node;
const textNodes = [];
while(node = walker.nextNode()) {
textNodes.push(node);
}
textNodes.forEach(node => {
if (node.textContent.match(regex)) {
const span = document.createElement('span');
span.className = 'gps-highlight';
span.textContent = node.textContent;
node.parentNode.replaceChild(span, node);
}
});
}
// 移除高亮
function removeHighlights(element) {
const highlights = element.getElementsByClassName('gps-highlight');
while (highlights.length > 0) {
const parent = highlights[0].parentNode;
parent.replaceChild(document.createTextNode(highlights[0].textContent), highlights[0]);
parent.normalize(); // 合并相邻的文本节点
}
}
// 更新结果计数
function updateResultCount(count) {
resultCount.textContent = count;
}
// 搜索按钮点击事件
searchButton.addEventListener('click', performSearch);
// 输入框回车事件
searchInput.addEventListener('keyup', function(event) {
if (event.key === 'Enter') {
performSearch();
}
});
// 输入框输入事件（实时搜索）
searchInput.addEventListener('input', function() {
performSearch();
});
});
</script>
</body>
</html>
Contact: TKSystem
Phone: 13800138000
Tel: 86-755-88888888
Email: info@TKSystem.com
Add: Longhua new district shenzhen city, guangdong province, China