{"id":2353,"date":"2026-01-14T00:41:10","date_gmt":"2026-01-14T06:41:10","guid":{"rendered":"https:\/\/www.szshock.com\/?page_id=2353"},"modified":"2026-01-22T03:39:48","modified_gmt":"2026-01-22T09:39:48","slug":"gy","status":"publish","type":"page","link":"https:\/\/www.szshock.com\/en\/gy\/","title":{"rendered":"ABOUT US"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t \t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\tABOUT US\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t

SHOCK TECHNOLOGY: SMART MANUFACTURING SOLUTIONS FOR GLOBAL MEDICAL & ELECTRONICS INDUSTRIES<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\tABOUT US\t\t\t\t\t\t\t<\/h1>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t

SHOCK TECHNOLOGY: SMART MANUFACTURING SOLUTIONS FOR GLOBAL MEDICAL & ELECTRONICS INDUSTRIES<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u7855\u683c\u79d1\u6280 - \u5173\u4e8e\u6211\u4eec<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u6837\u5f0f *\/\r\n .sg-about-page {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\r\n }\r\n \r\n .sg-about-page body {\r\n background-color: #f8fafc;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n \r\n .sg-container {\r\n max-width: 1250px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n }\r\n \r\n \/* \u7ec4\u4ef6\u6837\u5f0f *\/\r\n .sg-about-section {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 48px;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .sg-about-section {\r\n flex-direction: row;\r\n }\r\n }\r\n \r\n .sg-about-content {\r\n flex: 1;\r\n }\r\n \r\n .sg-about-title {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #1e3a8a;\r\n margin-bottom: 32px;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .sg-about-title {\r\n font-size: 2.25rem;\r\n }\r\n }\r\n \r\n .sg-about-description {\r\n color: #374151;\r\n font-size: 1.125rem;\r\n line-height: 1.75;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .sg-stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-top: 32px;\r\n }\r\n \r\n .sg-stat-box {\r\n text-align: center;\r\n padding: 16px;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n background-color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .sg-stat-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n border-color: #3b82f6;\r\n }\r\n \r\n .sg-stat-number {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #1e40af;\r\n }\r\n \r\n .sg-stat-label {\r\n color: #6b7280;\r\n margin-top: 8px;\r\n }\r\n \r\n .sg-about-image {\r\n flex: 1;\r\n width: 100%;\r\n }\r\n \r\n .sg-image-wrapper {\r\n width: 100%;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .sg-company-image {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n }\r\n \r\n .sg-company-image:hover {\r\n transform: scale(1.03);\r\n }\r\n \r\n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\r\n @media (max-width: 767px) {\r\n .sg-stats-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n \r\n .sg-about-title {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .sg-about-description {\r\n font-size: 1rem;\r\n }\r\n \r\n .sg-stat-number {\r\n font-size: 1.75rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"sg-about-page\">\r\n <div class=\"sg-container\">\r\n <section class=\"sg-about-section\">\r\n <div class=\"sg-about-content\">\r\n <h2 class=\"sg-about-title\">ShockTech Ltd, focusing on the industry for over twenty years<\/h2>\r\n <p class=\"sg-about-description\">\r\n ShockTech Ltd is located in Buildings A1 and A2 of Tantou West Industrial Park, Tantou Community, Songgang Street, Bao'an District, Shenzhen. It is adjacent to Bao'an Avenue, about 20 kilometers away from Shenzhen Airport, enjoying a superior geographical location and convenient transportation.\r\n <\/p>\r\n <p class=\"sg-about-description\">\r\n The factory covers an area of 6,500 square meters and currently has more than 100 employees. The main production processes supported by the factory include moulding, injection moulding, painting, silk screen printing, pad printing, hardware processing, machining, SMT mounting, hand soldering, assembly, testing, packaging, and a Class8 cleanroom etc. A full-service production solution is available for medical, industrial, and consumer products, providing comprehensive support from product design and development to manufacturing and quality control. ShockTech Ltd mainly focuses on the production of medical devices, industrial control equipment products, and consumer electronic products, and also engages in ODM\/OEM contract manufacturing of mobile communication products, wireless radio frequency products, medical devices, smart home products, and various high-precision electronic equipment. It provides supply chain supporting and contract manufacturing services for medical products, industrial control products, and consumer electronic products.\r\n <\/p>\r\n \r\n <div class=\"sg-stats-grid\">\r\n <div class=\"sg-stat-box\">\r\n <div class=\"sg-stat-number\">23 Yrs<\/div>\r\n <div class=\"sg-stat-label\">MANUFACTURING EXPERIENCE<\/div>\r\n <\/div>\r\n <div class=\"sg-stat-box\">\r\n <div class=\"sg-stat-number\">12 +<\/div>\r\n <div class=\"sg-stat-label\">CERTIFICATIONS & PATENTS<\/div>\r\n <\/div>\r\n <div class=\"sg-stat-box\">\r\n <div class=\"sg-stat-number\">2 Units<\/div>\r\n <div class=\"sg-stat-label\">PRODUCTION BASES<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sg-about-image\">\r\n <div class=\"sg-image-wrapper\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/www.szshock.com\/wp-content\/uploads\/2025\/12\/2025111016125459.png\" \r\n alt=\"\u7855\u683c\u79d1\u6280\u6210\u5c31\u56fe\u8868\u5c55\u793a\u516c\u53f8\u53d1\u5c55\u5386\u7a0b\u4e0e\u6210\u5c31\" \r\n class=\"sg-company-image\"\r\n >\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u6dfb\u52a0\u4ea4\u4e92\u6548\u679c\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u4e3a\u7edf\u8ba1\u6570\u5b57\u6dfb\u52a0\u8ba1\u6570\u52a8\u753b\u6548\u679c\uff08\u4ec5\u5728\u6eda\u52a8\u5230\u5143\u7d20\u65f6\u89e6\u53d1\uff09\r\n const statNumbers = document.querySelectorAll('.sg-stat-number');\r\n \r\n \/\/ \u68c0\u67e5\u5143\u7d20\u662f\u5426\u5728\u89c6\u7a97\u5185\r\n function isElementInViewport(el) {\r\n const rect = el.getBoundingClientRect();\r\n return (\r\n rect.top <= (window.innerHeight || document.documentElement.clientHeight) * 0.9\r\n );\r\n }\r\n \r\n \/\/ \u52a8\u753b\u6267\u884c\u51fd\u6570\r\n function animateNumber(element, targetValue, suffix) {\r\n let currentValue = 0;\r\n const increment = Math.ceil(targetValue \/ 30); \/\/ \u520630\u6b65\u5b8c\u6210\r\n const duration = 1500; \/\/ \u52a8\u753b\u603b\u65f6\u957f\r\n const stepTime = Math.floor(duration \/ (targetValue \/ increment));\r\n \r\n const timer = setInterval(() => {\r\n currentValue += increment;\r\n if (currentValue >= targetValue) {\r\n currentValue = targetValue;\r\n clearInterval(timer);\r\n }\r\n element.textContent = currentValue + suffix;\r\n }, stepTime);\r\n }\r\n \r\n \/\/ \u6eda\u52a8\u89e6\u53d1\u52a8\u753b\r\n function checkAndAnimate() {\r\n statNumbers.forEach(numberElement => {\r\n if (isElementInViewport(numberElement) && !numberElement.classList.contains('animated')) {\r\n const originalText = numberElement.textContent;\r\n \r\n \/\/ \u63d0\u53d6\u6570\u5b57\u548c\u6587\u672c\u90e8\u5206\r\n const match = originalText.match(\/(\\d+)(.*)\/);\r\n \r\n if (match) {\r\n const numericValue = parseInt(match[1]);\r\n const suffix = match[2] || '';\r\n \r\n \/\/ \u6807\u8bb0\u4e3a\u5df2\u52a8\u753b\r\n numberElement.classList.add('animated');\r\n \r\n \/\/ \u5f00\u59cb\u52a8\u753b\r\n animateNumber(numberElement, numericValue, suffix);\r\n }\r\n }\r\n });\r\n }\r\n \r\n \/\/ \u521d\u59cb\u68c0\u67e5\r\n checkAndAnimate();\r\n \r\n \/\/ \u6eda\u52a8\u65f6\u68c0\u67e5\r\n window.addEventListener('scroll', checkAndAnimate);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ff6bda wd-section-stretch-content elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"7ff6bda\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f36860a elementor-widget elementor-widget-html\" data-id=\"f36860a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u7855\u683c\u79d1\u6280 - \u5173\u4e8e\u6211\u4eec<\/title>\r\n <style>\r\n \/* \u5168\u5c40\u6837\u5f0f *\/\r\n .sg-about-page {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;\r\n }\r\n \r\n .sg-about-page body {\r\n background-color: #f8fafc;\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n \r\n .sg-container {\r\n max-width: 1250px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n }\r\n \r\n \/* \u7ec4\u4ef6\u6837\u5f0f *\/\r\n .sg-about-section {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 48px;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .sg-about-section {\r\n flex-direction: row;\r\n }\r\n }\r\n \r\n .sg-about-content {\r\n flex: 1;\r\n }\r\n \r\n .sg-about-title {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #1e3a8a;\r\n margin-bottom: 32px;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .sg-about-title {\r\n font-size: 2.25rem;\r\n }\r\n }\r\n \r\n .sg-about-description {\r\n color: #374151;\r\n font-size: 1.125rem;\r\n line-height: 1.75;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .sg-stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n margin-top: 32px;\r\n }\r\n \r\n .sg-stat-box {\r\n text-align: center;\r\n padding: 16px;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 12px;\r\n background-color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .sg-stat-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n border-color: #3b82f6;\r\n }\r\n \r\n .sg-stat-number {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #1e40af;\r\n }\r\n \r\n .sg-stat-label {\r\n color: #6b7280;\r\n margin-top: 8px;\r\n }\r\n \r\n .sg-about-image {\r\n flex: 1;\r\n width: 100%;\r\n }\r\n \r\n .sg-image-wrapper {\r\n width: 100%;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .sg-company-image {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n }\r\n \r\n .sg-company-image:hover {\r\n transform: scale(1.03);\r\n }\r\n \r\n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\r\n @media (max-width: 767px) {\r\n .sg-stats-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n \r\n .sg-about-title {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .sg-about-description {\r\n font-size: 1rem;\r\n }\r\n \r\n .sg-stat-number {\r\n font-size: 1.75rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"sg-about-page\">\r\n <div class=\"sg-container\">\r\n <section class=\"sg-about-section\">\r\n <div class=\"sg-about-content\">\r\n <h2 class=\"sg-about-title\">ShockTech Ltd, focusing on the industry for over twenty years<\/h2>\r\n <p class=\"sg-about-description\">\r\n ShockTech Ltd is located in Buildings A1 and A2 of Tantou West Industrial Park, Tantou Community, Songgang Street, Bao'an District, Shenzhen. It is adjacent to Bao'an Avenue, about 20 kilometers away from Shenzhen Airport, enjoying a superior geographical location and convenient transportation.\r\n <\/p>\r\n <p class=\"sg-about-description\">\r\n The factory covers an area of 6,500 square meters and currently has more than 100 employees. The main production processes supported by the factory include moulding, injection moulding, painting, silk screen printing, pad printing, hardware processing, machining, SMT mounting, hand soldering, assembly, testing, packaging, and a Class8 cleanroom etc. A full-service production solution is available for medical, industrial, and consumer products, providing comprehensive support from product design and development to manufacturing and quality control. ShockTech Ltd mainly focuses on the production of medical devices, industrial control equipment products, and consumer electronic products, and also engages in ODM\/OEM contract manufacturing of mobile communication products, wireless radio frequency products, medical devices, smart home products, and various high-precision electronic equipment. It provides supply chain supporting and contract manufacturing services for medical products, industrial control products, and consumer electronic products.\r\n <\/p>\r\n \r\n <div class=\"sg-stats-grid\">\r\n <div class=\"sg-stat-box\">\r\n <div class=\"sg-stat-number\">23 Yrs<\/div>\r\n <div class=\"sg-stat-label\">MANUFACTURING EXPERIENCE<\/div>\r\n <\/div>\r\n <div class=\"sg-stat-box\">\r\n <div class=\"sg-stat-number\">12 +<\/div>\r\n <div class=\"sg-stat-label\">CERTIFICATIONS & PATENTS<\/div>\r\n <\/div>\r\n <div class=\"sg-stat-box\">\r\n <div class=\"sg-stat-number\">2 Units<\/div>\r\n <div class=\"sg-stat-label\">PRODUCTION BASES<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sg-about-image\">\r\n <div class=\"sg-image-wrapper\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/www.szshock.com\/wp-content\/uploads\/2025\/12\/2025111016125459.png\" \r\n alt=\"\u7855\u683c\u79d1\u6280\u6210\u5c31\u56fe\u8868\u5c55\u793a\u516c\u53f8\u53d1\u5c55\u5386\u7a0b\u4e0e\u6210\u5c31\" \r\n class=\"sg-company-image\"\r\n >\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u6dfb\u52a0\u4ea4\u4e92\u6548\u679c\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u4e3a\u7edf\u8ba1\u6570\u5b57\u6dfb\u52a0\u8ba1\u6570\u52a8\u753b\u6548\u679c\uff08\u4ec5\u5728\u6eda\u52a8\u5230\u5143\u7d20\u65f6\u89e6\u53d1\uff09\r\n const statNumbers = document.querySelectorAll('.sg-stat-number');\r\n \r\n \/\/ \u68c0\u67e5\u5143\u7d20\u662f\u5426\u5728\u89c6\u7a97\u5185\r\n function isElementInViewport(el) {\r\n const rect = el.getBoundingClientRect();\r\n return (\r\n rect.top <= (window.innerHeight || document.documentElement.clientHeight) * 0.9\r\n );\r\n }\r\n \r\n \/\/ \u52a8\u753b\u6267\u884c\u51fd\u6570\r\n function animateNumber(element, targetValue, suffix) {\r\n let currentValue = 0;\r\n const increment = Math.ceil(targetValue \/ 30); \/\/ \u520630\u6b65\u5b8c\u6210\r\n const duration = 1500; \/\/ \u52a8\u753b\u603b\u65f6\u957f\r\n const stepTime = Math.floor(duration \/ (targetValue \/ increment));\r\n \r\n const timer = setInterval(() => {\r\n currentValue += increment;\r\n if (currentValue >= targetValue) {\r\n currentValue = targetValue;\r\n clearInterval(timer);\r\n }\r\n element.textContent = currentValue + suffix;\r\n }, stepTime);\r\n }\r\n \r\n \/\/ \u6eda\u52a8\u89e6\u53d1\u52a8\u753b\r\n function checkAndAnimate() {\r\n statNumbers.forEach(numberElement => {\r\n if (isElementInViewport(numberElement) && !numberElement.classList.contains('animated')) {\r\n const originalText = numberElement.textContent;\r\n \r\n \/\/ \u63d0\u53d6\u6570\u5b57\u548c\u6587\u672c\u90e8\u5206\r\n const match = originalText.match(\/(\\d+)(.*)\/);\r\n \r\n if (match) {\r\n const numericValue = parseInt(match[1]);\r\n const suffix = match[2] || '';\r\n \r\n \/\/ \u6807\u8bb0\u4e3a\u5df2\u52a8\u753b\r\n numberElement.classList.add('animated');\r\n \r\n \/\/ \u5f00\u59cb\u52a8\u753b\r\n animateNumber(numberElement, numericValue, suffix);\r\n }\r\n }\r\n });\r\n }\r\n \r\n \/\/ \u521d\u59cb\u68c0\u67e5\r\n checkAndAnimate();\r\n \r\n \/\/ \u6eda\u52a8\u65f6\u68c0\u67e5\r\n window.addEventListener('scroll', checkAndAnimate);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd2ce5a wd-section-stretch-content elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"cd2ce5a\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3904012 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3904012\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u7855\u683c\u79d1\u6280 - \u767e\u5ea6\u5730\u56fe\u5bfc\u822a<\/title>\r\n <style>\r\n \/* BaiduMap\u7279\u5b9a\u6837\u5f0f - \u907f\u514d\u4e0e\u5176\u4ed6\u6837\u5f0f\u51b2\u7a81 *\/\r\n .baidumap-container {\r\n width: 100%;\r\n max-width: 100%;\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n margin: 20px 0;\r\n background: #f5f5f5;\r\n }\r\n \r\n .baidumap-main {\r\n width: 100%;\r\n height: 500px;\r\n border: none;\r\n }\r\n \r\n \/* \u52a0\u8f7d\u72b6\u6001 *\/\r\n .baidumap-loading {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255,255,255,0.9);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n transition: opacity 0.3s;\r\n }\r\n \r\n .baidumap-spinner {\r\n width: 50px;\r\n height: 50px;\r\n border: 4px solid #f3f3f3;\r\n border-top: 4px solid #4e6ef2;\r\n border-radius: 50%;\r\n animation: baidumap-spin 1s linear infinite;\r\n margin-bottom: 15px;\r\n }\r\n \r\n \/* \u81ea\u5b9a\u4e49\u4fe1\u606f\u7a97\u53e3\u6837\u5f0f *\/\r\n .baidumap-infowindow {\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 6px 24px rgba(0,0,0,0.18);\r\n overflow: hidden;\r\n min-width: 280px;\r\n max-width: 320px;\r\n font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n }\r\n \r\n .baidumap-infowindow-header {\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n color: white;\r\n padding: 18px;\r\n position: relative;\r\n }\r\n \r\n .baidumap-infowindow-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #4e6ef2, #3a5bd9, #4e6ef2);\r\n }\r\n \r\n .baidumap-infowindow-title {\r\n margin: 0;\r\n font-size: 20px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n .baidumap-infowindow-subtitle {\r\n font-size: 13px;\r\n opacity: 0.9;\r\n margin-top: 4px;\r\n }\r\n \r\n .baidumap-infowindow-body {\r\n padding: 20px;\r\n }\r\n \r\n .baidumap-infowindow-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n padding-bottom: 14px;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n \r\n .baidumap-infowindow-item:last-child {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n border-bottom: none;\r\n }\r\n \r\n .baidumap-infowindow-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-right: 12px;\r\n color: #4e6ef2;\r\n flex-shrink: 0;\r\n background: #f0f5ff;\r\n border-radius: 50%;\r\n padding: 4px;\r\n }\r\n \r\n .baidumap-infowindow-content {\r\n flex: 1;\r\n color: #333;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n \r\n .baidumap-infowindow-content strong {\r\n color: #4e6ef2;\r\n font-weight: 600;\r\n }\r\n \r\n .baidumap-infowindow-actions {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n \r\n .baidumap-nav-btn {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 12px;\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n color: white;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n font-family: inherit;\r\n }\r\n \r\n .baidumap-nav-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(78, 110, 242, 0.3);\r\n }\r\n \r\n .baidumap-nav-btn.driving {\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n }\r\n \r\n .baidumap-nav-btn.transit {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n }\r\n \r\n .baidumap-nav-btn.walking {\r\n background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n }\r\n \r\n .baidumap-nav-icon {\r\n margin-right: 6px;\r\n font-size: 16px;\r\n }\r\n \r\n \/* \u9519\u8bef\u72b6\u6001 *\/\r\n .baidumap-error {\r\n display: none;\r\n padding: 40px 20px;\r\n text-align: center;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 90%;\r\n max-width: 400px;\r\n z-index: 1001;\r\n }\r\n \r\n .baidumap-error-icon {\r\n font-size: 48px;\r\n color: #ff6b6b;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .baidumap-retry-btn {\r\n margin-top: 15px;\r\n padding: 10px 20px;\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n font-family: inherit;\r\n }\r\n \r\n .baidumap-retry-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(78, 110, 242, 0.3);\r\n }\r\n \r\n \/* \u5730\u56fe\u8986\u76d6\u63a7\u4ef6\u6837\u5f0f *\/\r\n .baidumap-ctrl {\r\n background: white !important;\r\n border-radius: 6px !important;\r\n box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n @media (max-width: 768px) {\r\n .baidumap-main {\r\n height: 450px;\r\n }\r\n \r\n .baidumap-infowindow {\r\n max-width: 280px;\r\n }\r\n \r\n .baidumap-infowindow-actions {\r\n flex-direction: column;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .baidumap-main {\r\n height: 400px;\r\n }\r\n \r\n .baidumap-infowindow-title {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @keyframes baidumap-spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n \r\n \/* \u81ea\u5b9a\u4e49\u6807\u8bb0\u70b9\u6837\u5f0f *\/\r\n .baidumap-marker-label {\r\n background: #4e6ef2;\r\n color: white;\r\n padding: 4px 10px;\r\n border-radius: 12px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n box-shadow: 0 2px 6px rgba(78, 110, 242, 0.3);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"baidumap-container\">\r\n <!-- \u52a0\u8f7d\u72b6\u6001 -->\r\n <div class=\"baidumap-loading\" id=\"baidumapLoading\">\r\n <div class=\"baidumap-spinner\"><\/div>\r\n <p style=\"color: #333; margin-top: 10px;\">\u6b63\u5728\u52a0\u8f7d\u5730\u56fe...<\/p>\r\n <\/div>\r\n \r\n <!-- \u9519\u8bef\u72b6\u6001 -->\r\n <div class=\"baidumap-error\" id=\"baidumapError\">\r\n <div class=\"baidumap-error-icon\">\u26a0\ufe0f<\/div>\r\n <h3 style=\"margin: 0 0 10px 0; color: #333;\">\u5730\u56fe\u52a0\u8f7d\u5931\u8d25<\/h3>\r\n <p id=\"baidumapErrorText\" style=\"color: #666; margin: 0;\">\u8bf7\u68c0\u67e5\u7f51\u7edc\u8fde\u63a5\u5e76\u5237\u65b0\u9875\u9762\u91cd\u8bd5<\/p>\r\n <button class=\"baidumap-retry-btn\" onclick=\"baidumapReload()\">\u91cd\u65b0\u52a0\u8f7d\u5730\u56fe<\/button>\r\n <\/div>\r\n \r\n <!-- \u5730\u56fe\u5bb9\u5668 -->\r\n <div id=\"baidumapMain\" class=\"baidumap-main\"><\/div>\r\n <\/div>\r\n\r\n <script type=\"text\/javascript\">\r\n \/\/ \u767e\u5ea6\u5730\u56fe\u914d\u7f6e - \u66f4\u65b0\u7ecf\u7eac\u5ea6\uff0c\u4f7f\u7528\u60a8\u5728\u767e\u5ea6\u5730\u56fe\u4e0a\u767b\u8bb0\u7684\"\u7855\u683c\u79d1\u6280\"\u540d\u79f0\r\n var baidumapConfig = {\r\n ak: 'zk4XKwJIyJC4Dsomwce6jcl4gOy3SX1N',\r\n center: {\r\n lng: 113.836938, \/\/ \u66f4\u65b0\u7ecf\u5ea6\r\n lat: 22.756586 \/\/ \u66f4\u65b0\u7eac\u5ea6\r\n },\r\n zoom: 17, \/\/ \u63d0\u9ad8\u7f29\u653e\u7ea7\u522b\uff0c\u66f4\u6e05\u6670\u663e\u793a\r\n company: {\r\n \/\/ \u4f7f\u7528\u767e\u5ea6\u5730\u56fe\u4e0a\u767b\u8bb0\u7684\"\u7855\u683c\u79d1\u6280\"\u4f5c\u4e3a\u4e3b\u8981\u540d\u79f0\r\n name: '\u7855\u683c\u79d1\u6280',\r\n \/\/ \u5b8c\u6574\u516c\u53f8\u540d\u79f0\u4f5c\u4e3a\u526f\u6807\u9898\r\n fullName: '\u6df1\u5733\u5e02\u7855\u683c\u79d1\u6280\u5f00\u53d1\u6709\u9650\u516c\u53f8',\r\n address: '\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u677e\u5c97\u8857\u9053\u6f6d\u5934\u793e\u533a\u6f6d\u5934\u897f\u90e8\u5de5\u4e1a\u56ed\u533aA1\u3001A2\u680b',\r\n phone: '0755-23203178',\r\n businessHours: '\u5468\u4e00\u81f3\u5468\u4e94 8:30-18:00 | \u5468\u516d 9:00-17:00',\r\n industry: '\u79d1\u6280\u5f00\u53d1',\r\n landmark: '\u6f6d\u5934\u897f\u90e8\u5de5\u4e1a\u56ed\u533a'\r\n }\r\n };\r\n \r\n \/\/ \u68c0\u67e5AK\u662f\u5426\u5df2\u914d\u7f6e\r\n function baidumapCheckAK() {\r\n if (!baidumapConfig.ak || baidumapConfig.ak === '\u60a8\u7684\u767e\u5ea6\u5730\u56feAK\u5bc6\u94a5') {\r\n baidumapShowError('\u8bf7\u5148\u914d\u7f6e\u767e\u5ea6\u5730\u56feAK\u5bc6\u94a5\uff01<br>\u8bbf\u95ee\uff1a<a href=\"https:\/\/lbsyun.baidu.com\" target=\"_blank\" style=\"color: #4e6ef2; text-decoration: underline;\">\u767e\u5ea6\u5730\u56fe\u5f00\u653e\u5e73\u53f0<\/a>\u7533\u8bf7\u5bc6\u94a5');\r\n return false;\r\n }\r\n return true;\r\n }\r\n \r\n \/\/ \u663e\u793a\u9519\u8bef\u4fe1\u606f\r\n function baidumapShowError(message) {\r\n document.getElementById('baidumapLoading').style.display = 'none';\r\n document.getElementById('baidumapError').style.display = 'block';\r\n document.getElementById('baidumapErrorText').innerHTML = message;\r\n }\r\n \r\n \/\/ \u52a0\u8f7d\u767e\u5ea6\u5730\u56feAPI\r\n function baidumapLoadAPI() {\r\n if (!baidumapCheckAK()) return;\r\n \r\n var script = document.createElement('script');\r\n script.type = 'text\/javascript';\r\n script.src = 'https:\/\/api.map.baidu.com\/api?v=3.0&ak=' + baidumapConfig.ak + '&callback=baidumapInit';\r\n script.onerror = function() {\r\n baidumapShowError('\u5730\u56feAPI\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u7f51\u7edc\u8fde\u63a5\u548cAK\u5bc6\u94a5\u914d\u7f6e');\r\n };\r\n document.head.appendChild(script);\r\n }\r\n \r\n \/\/ \u521b\u5efa\u81ea\u5b9a\u4e49\u4fe1\u606f\u7a97\u53e3\u5185\u5bb9\r\n function baidumapCreateInfoWindowContent() {\r\n return `\r\n <div class=\"baidumap-infowindow\">\r\n <div class=\"baidumap-infowindow-header\">\r\n <h3 class=\"baidumap-infowindow-title\">${baidumapConfig.company.name}<\/h3>\r\n <div class=\"baidumap-infowindow-subtitle\">${baidumapConfig.company.fullName}<\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-body\">\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u4f4d\u7f6e\uff1a<\/strong>${baidumapConfig.company.landmark}<br>\r\n <span style=\"color: #666; font-size: 13px;\">${baidumapConfig.company.address}<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u8054\u7cfb\u7535\u8bdd\uff1a<\/strong><a href=\"tel:${baidumapConfig.company.phone}\" style=\"color: #4e6ef2; text-decoration: none;\">${baidumapConfig.company.phone}<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u8425\u4e1a\u65f6\u95f4\uff1a<\/strong>${baidumapConfig.company.businessHours}\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u884c\u4e1a\u7c7b\u578b\uff1a<\/strong>${baidumapConfig.company.industry}\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-actions\">\r\n <a href=\"https:\/\/map.baidu.com\/direction?destination=${encodeURIComponent(baidumapConfig.company.address)}&coord_type=bd09ll&mode=driving\" \r\n class=\"baidumap-nav-btn driving\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"baidumap-nav-icon\">\ud83d\ude97<\/span>\u9a7e\u8f66\r\n <\/a>\r\n <a href=\"https:\/\/map.baidu.com\/direction?destination=${encodeURIComponent(baidumapConfig.company.address)}&coord_type=bd09ll&mode=transit\" \r\n class=\"baidumap-nav-btn transit\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"baidumap-nav-icon\">\ud83d\ude8c<\/span>\u516c\u4ea4\r\n <\/a>\r\n <a href=\"https:\/\/map.baidu.com\/direction?destination=${encodeURIComponent(baidumapConfig.company.address)}&coord_type=bd09ll&mode=walking\" \r\n class=\"baidumap-nav-btn walking\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"baidumap-nav-icon\">\ud83d\udeb6<\/span>\u6b65\u884c\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>`;\r\n }\r\n \r\n \/\/ \u521d\u59cb\u5316\u5730\u56fe\r\n window.baidumapInit = function() {\r\n try {\r\n \/\/ \u521b\u5efa\u5730\u56fe\u5b9e\u4f8b\r\n var map = new BMap.Map(\"baidumapMain\");\r\n \r\n \/\/ \u521b\u5efa\u4e2d\u5fc3\u70b9 - \u4f7f\u7528\u66f4\u65b0\u540e\u7684\u7ecf\u7eac\u5ea6\r\n var point = new BMap.Point(baidumapConfig.center.lng, baidumapConfig.center.lat);\r\n \r\n \/\/ \u521d\u59cb\u5316\u5730\u56fe\r\n map.centerAndZoom(point, baidumapConfig.zoom);\r\n \r\n \/\/ \u6dfb\u52a0\u5730\u56fe\u63a7\u4ef6 - \u4f18\u5316\u5e03\u5c40\r\n map.addControl(new BMap.NavigationControl({\r\n anchor: BMAP_ANCHOR_TOP_RIGHT,\r\n type: BMAP_NAVIGATION_CONTROL_SMALL,\r\n offset: new BMap.Size(20, 80)\r\n }));\r\n \r\n map.addControl(new BMap.ScaleControl({\r\n anchor: BMAP_ANCHOR_BOTTOM_RIGHT,\r\n offset: new BMap.Size(20, 50)\r\n }));\r\n \r\n map.addControl(new BMap.MapTypeControl({\r\n anchor: BMAP_ANCHOR_TOP_RIGHT,\r\n offset: new BMap.Size(20, 20),\r\n mapTypes: [BMAP_NORMAL_MAP, BMAP_SATELLITE_MAP, BMAP_HYBRID_MAP]\r\n }));\r\n \r\n \/\/ \u521b\u5efa\u66f4\u4e13\u4e1a\u7684\u6807\u8bb0\u56fe\u6807\r\n var icon = new BMap.Icon('data:image\/svg+xml;base64,' + btoa(`\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\">\r\n <defs>\r\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#4e6ef2;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#3a5bd9;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" \/>\r\n <feOffset dx=\"0\" dy=\"4\" result=\"offsetblur\" \/>\r\n <feComponentTransfer>\r\n <feFuncA type=\"linear\" slope=\"0.3\" \/>\r\n <\/feComponentTransfer>\r\n <feMerge> \r\n <feMergeNode \/>\r\n <feMergeNode in=\"SourceGraphic\" \/> \r\n <\/feMerge>\r\n <\/filter>\r\n <\/defs>\r\n <g filter=\"url(#shadow)\">\r\n <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"url(#grad1)\" opacity=\"0.95\"\/>\r\n <circle cx=\"24\" cy=\"24\" r=\"8\" fill=\"white\"\/>\r\n <circle cx=\"24\" cy=\"24\" r=\"4\" fill=\"#4e6ef2\"\/>\r\n <path d=\"M24,10 C30.63,10 36,15.37 36,22 C36,30 24,38 24,38 C24,38 12,30 12,22 C12,15.37 17.37,10 24,10 Z\" \r\n fill=\"none\" stroke=\"white\" stroke-width=\"2\"\/>\r\n <\/g>\r\n <\/svg>\r\n `), new BMap.Size(48, 48));\r\n \r\n \/\/ \u6dfb\u52a0\u6807\u8bb0\r\n var marker = new BMap.Marker(point, {icon: icon});\r\n map.addOverlay(marker);\r\n \r\n \/\/ \u8bbe\u7f6e\u6807\u8bb0\u7684\u6807\u9898\uff08\u9f20\u6807\u60ac\u505c\u65f6\u663e\u793a\uff09\r\n marker.setTitle(baidumapConfig.company.name);\r\n \r\n \/\/ \u6dfb\u52a0\u6587\u5b57\u6807\u7b7e\r\n var label = new BMap.Label(baidumapConfig.company.name, {\r\n offset: new BMap.Size(0, -30),\r\n position: point\r\n });\r\n label.setStyle({\r\n color: \"#fff\",\r\n fontSize: \"12px\",\r\n fontWeight: \"600\",\r\n backgroundColor: \"#4e6ef2\",\r\n padding: \"4px 12px\",\r\n borderRadius: \"12px\",\r\n border: \"none\",\r\n boxShadow: \"0 2px 6px rgba(78, 110, 242, 0.4)\"\r\n });\r\n map.addOverlay(label);\r\n \r\n \/\/ \u521b\u5efa\u4fe1\u606f\u7a97\u53e3\r\n var infoContent = baidumapCreateInfoWindowContent();\r\n var infoWindow = new BMap.InfoWindow(infoContent, {\r\n width: 350,\r\n height: 'auto',\r\n enableAutoPan: true,\r\n enableCloseOnClick: true,\r\n offset: new BMap.Size(0, -45)\r\n });\r\n \r\n \/\/ \u70b9\u51fb\u6807\u8bb0\u6253\u5f00\u4fe1\u606f\u7a97\u53e3\r\n marker.addEventListener(\"click\", function() {\r\n this.openInfoWindow(infoWindow);\r\n });\r\n \r\n \/\/ 2\u79d2\u540e\u81ea\u52a8\u6253\u5f00\u4fe1\u606f\u7a97\u53e3\r\n setTimeout(function() {\r\n marker.openInfoWindow(infoWindow);\r\n }, 2000);\r\n \r\n \/\/ \u542f\u7528\u4ea4\u4e92\u529f\u80fd\r\n map.enableScrollWheelZoom(true);\r\n map.enableDoubleClickZoom(true);\r\n map.enableKeyboard(true);\r\n map.enableContinuousZoom(true);\r\n \r\n \/\/ \u6dfb\u52a0\u5730\u56fe\u4e8b\u4ef6\u76d1\u542c\r\n map.addEventListener(\"tilesloaded\", function() {\r\n console.log(\"\u767e\u5ea6\u5730\u56fe\u52a0\u8f7d\u5b8c\u6210 - \u5b9a\u4f4d\uff1a\u7855\u683c\u79d1\u6280\");\r\n document.getElementById('baidumapLoading').style.opacity = '0';\r\n setTimeout(function() {\r\n document.getElementById('baidumapLoading').style.display = 'none';\r\n }, 300);\r\n });\r\n \r\n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n window.addEventListener('resize', function() {\r\n map.checkResize();\r\n });\r\n \r\n \/\/ \u6dfb\u52a0\u9f20\u6807\u4e8b\u4ef6\uff0c\u60ac\u505c\u65f6\u9ad8\u4eae\u6807\u8bb0\r\n marker.addEventListener(\"mouseover\", function() {\r\n this.setZIndexOffset(100);\r\n });\r\n \r\n marker.addEventListener(\"mouseout\", function() {\r\n this.setZIndexOffset(0);\r\n });\r\n \r\n } catch (error) {\r\n console.error('\u767e\u5ea6\u5730\u56fe\u521d\u59cb\u5316\u5931\u8d25:', error);\r\n baidumapShowError('\u5730\u56fe\u521d\u59cb\u5316\u5931\u8d25\uff1a' + error.message);\r\n }\r\n };\r\n \r\n \/\/ \u91cd\u65b0\u52a0\u8f7d\u5730\u56fe\r\n function baidumapReload() {\r\n document.getElementById('baidumapError').style.display = 'none';\r\n document.getElementById('baidumapLoading').style.display = 'flex';\r\n document.getElementById('baidumapLoading').style.opacity = '1';\r\n \r\n \/\/ \u79fb\u9664\u65e7\u7684API\u811a\u672c\r\n var oldScripts = document.querySelectorAll('script[src*=\"map.baidu.com\"]');\r\n oldScripts.forEach(function(script) {\r\n script.remove();\r\n });\r\n \r\n \/\/ \u91cd\u65b0\u52a0\u8f7d\r\n setTimeout(baidumapLoadAPI, 500);\r\n }\r\n \r\n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u5ef6\u8fdf\u52a0\u8f7d\uff0c\u786e\u4fddDOM\u5b8c\u5168\u52a0\u8f7d\r\n setTimeout(baidumapLoadAPI, 300);\r\n });\r\n \r\n \/\/ \u767e\u5ea6\u5730\u56fe\u6837\u5f0f\u8986\u76d6 - \u79fb\u9664\u9690\u85cf\u7248\u6743\u4fe1\u606f\u7684\u4ee3\u7801\r\n var baidumapStyles = `\r\n \/* \u81ea\u5b9a\u4e49\u4fe1\u606f\u7a97\u53e3\u6837\u5f0f\u8986\u76d6 *\/\r\n .BMap_pop {\r\n border-radius: 10px !important;\r\n overflow: hidden !important;\r\n border: none !important;\r\n box-shadow: 0 6px 24px rgba(0,0,0,0.18) !important;\r\n }\r\n \r\n .BMap_top {\r\n display: none !important;\r\n }\r\n \r\n .BMap_bottom {\r\n display: none !important;\r\n }\r\n \r\n \/* \u6807\u7b7e\u6837\u5f0f\u4f18\u5316 *\/\r\n .BMapLabel {\r\n font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n \/* \u81ea\u5b9a\u4e49\u63a7\u4ef6\u6837\u5f0f *\/\r\n .BMap_stdMpCtrl .BMap_stdMpPan,\r\n .BMap_scaleCtrl {\r\n background: white !important;\r\n border-radius: 6px !important;\r\n box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n .BMap_noprint .BMap_scaleCtrl {\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n }\r\n `;\r\n \r\n \/\/ \u6dfb\u52a0\u81ea\u5b9a\u4e49\u6837\u5f0f\r\n var styleSheet = document.createElement(\"style\");\r\n styleSheet.type = \"text\/css\";\r\n styleSheet.innerText = baidumapStyles;\r\n document.head.appendChild(styleSheet);\r\n \r\n \/\/ \u6dfb\u52a0\u9875\u9762\u6807\u9898\r\n document.title = \"\u7855\u683c\u79d1\u6280 - \u6df1\u5733\u5e02\u7855\u683c\u79d1\u6280\u5f00\u53d1\u6709\u9650\u516c\u53f8\u5730\u56fe\u5bfc\u822a\";\r\n \r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39ff4b1 wd-section-stretch-content elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"39ff4b1\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71029ef elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"71029ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>\u7855\u683c\u79d1\u6280 - \u767e\u5ea6\u5730\u56fe\u5bfc\u822a<\/title>\r\n <style>\r\n \/* BaiduMap\u7279\u5b9a\u6837\u5f0f - \u907f\u514d\u4e0e\u5176\u4ed6\u6837\u5f0f\u51b2\u7a81 *\/\r\n .baidumap-container {\r\n width: 100%;\r\n max-width: 100%;\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n margin: 20px 0;\r\n background: #f5f5f5;\r\n }\r\n \r\n .baidumap-main {\r\n width: 100%;\r\n height: 500px;\r\n border: none;\r\n }\r\n \r\n \/* \u52a0\u8f7d\u72b6\u6001 *\/\r\n .baidumap-loading {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255,255,255,0.9);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n transition: opacity 0.3s;\r\n }\r\n \r\n .baidumap-spinner {\r\n width: 50px;\r\n height: 50px;\r\n border: 4px solid #f3f3f3;\r\n border-top: 4px solid #4e6ef2;\r\n border-radius: 50%;\r\n animation: baidumap-spin 1s linear infinite;\r\n margin-bottom: 15px;\r\n }\r\n \r\n \/* \u81ea\u5b9a\u4e49\u4fe1\u606f\u7a97\u53e3\u6837\u5f0f *\/\r\n .baidumap-infowindow {\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 6px 24px rgba(0,0,0,0.18);\r\n overflow: hidden;\r\n min-width: 280px;\r\n max-width: 320px;\r\n font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\r\n }\r\n \r\n .baidumap-infowindow-header {\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n color: white;\r\n padding: 18px;\r\n position: relative;\r\n }\r\n \r\n .baidumap-infowindow-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #4e6ef2, #3a5bd9, #4e6ef2);\r\n }\r\n \r\n .baidumap-infowindow-title {\r\n margin: 0;\r\n font-size: 20px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n .baidumap-infowindow-subtitle {\r\n font-size: 13px;\r\n opacity: 0.9;\r\n margin-top: 4px;\r\n }\r\n \r\n .baidumap-infowindow-body {\r\n padding: 20px;\r\n }\r\n \r\n .baidumap-infowindow-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n padding-bottom: 14px;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n \r\n .baidumap-infowindow-item:last-child {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n border-bottom: none;\r\n }\r\n \r\n .baidumap-infowindow-icon {\r\n width: 22px;\r\n height: 22px;\r\n margin-right: 12px;\r\n color: #4e6ef2;\r\n flex-shrink: 0;\r\n background: #f0f5ff;\r\n border-radius: 50%;\r\n padding: 4px;\r\n }\r\n \r\n .baidumap-infowindow-content {\r\n flex: 1;\r\n color: #333;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n \r\n .baidumap-infowindow-content strong {\r\n color: #4e6ef2;\r\n font-weight: 600;\r\n }\r\n \r\n .baidumap-infowindow-actions {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n \r\n .baidumap-nav-btn {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px 12px;\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n color: white;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n font-family: inherit;\r\n }\r\n \r\n .baidumap-nav-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(78, 110, 242, 0.3);\r\n }\r\n \r\n .baidumap-nav-btn.driving {\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n }\r\n \r\n .baidumap-nav-btn.transit {\r\n background: linear-gradient(135deg, #10b981 0%, #059669 100%);\r\n }\r\n \r\n .baidumap-nav-btn.walking {\r\n background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\r\n }\r\n \r\n .baidumap-nav-icon {\r\n margin-right: 6px;\r\n font-size: 16px;\r\n }\r\n \r\n \/* \u9519\u8bef\u72b6\u6001 *\/\r\n .baidumap-error {\r\n display: none;\r\n padding: 40px 20px;\r\n text-align: center;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 90%;\r\n max-width: 400px;\r\n z-index: 1001;\r\n }\r\n \r\n .baidumap-error-icon {\r\n font-size: 48px;\r\n color: #ff6b6b;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .baidumap-retry-btn {\r\n margin-top: 15px;\r\n padding: 10px 20px;\r\n background: linear-gradient(135deg, #4e6ef2 0%, #3a5bd9 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: all 0.3s;\r\n font-family: inherit;\r\n }\r\n \r\n .baidumap-retry-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(78, 110, 242, 0.3);\r\n }\r\n \r\n \/* \u5730\u56fe\u8986\u76d6\u63a7\u4ef6\u6837\u5f0f *\/\r\n .baidumap-ctrl {\r\n background: white !important;\r\n border-radius: 6px !important;\r\n box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n @media (max-width: 768px) {\r\n .baidumap-main {\r\n height: 450px;\r\n }\r\n \r\n .baidumap-infowindow {\r\n max-width: 280px;\r\n }\r\n \r\n .baidumap-infowindow-actions {\r\n flex-direction: column;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .baidumap-main {\r\n height: 400px;\r\n }\r\n \r\n .baidumap-infowindow-title {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @keyframes baidumap-spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n \r\n \/* \u81ea\u5b9a\u4e49\u6807\u8bb0\u70b9\u6837\u5f0f *\/\r\n .baidumap-marker-label {\r\n background: #4e6ef2;\r\n color: white;\r\n padding: 4px 10px;\r\n border-radius: 12px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n box-shadow: 0 2px 6px rgba(78, 110, 242, 0.3);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"baidumap-container\">\r\n <!-- \u52a0\u8f7d\u72b6\u6001 -->\r\n <div class=\"baidumap-loading\" id=\"baidumapLoading\">\r\n <div class=\"baidumap-spinner\"><\/div>\r\n <p style=\"color: #333; margin-top: 10px;\">\u6b63\u5728\u52a0\u8f7d\u5730\u56fe...<\/p>\r\n <\/div>\r\n \r\n <!-- \u9519\u8bef\u72b6\u6001 -->\r\n <div class=\"baidumap-error\" id=\"baidumapError\">\r\n <div class=\"baidumap-error-icon\">\u26a0\ufe0f<\/div>\r\n <h3 style=\"margin: 0 0 10px 0; color: #333;\">\u5730\u56fe\u52a0\u8f7d\u5931\u8d25<\/h3>\r\n <p id=\"baidumapErrorText\" style=\"color: #666; margin: 0;\">\u8bf7\u68c0\u67e5\u7f51\u7edc\u8fde\u63a5\u5e76\u5237\u65b0\u9875\u9762\u91cd\u8bd5<\/p>\r\n <button class=\"baidumap-retry-btn\" onclick=\"baidumapReload()\">\u91cd\u65b0\u52a0\u8f7d\u5730\u56fe<\/button>\r\n <\/div>\r\n \r\n <!-- \u5730\u56fe\u5bb9\u5668 -->\r\n <div id=\"baidumapMain\" class=\"baidumap-main\"><\/div>\r\n <\/div>\r\n\r\n <script type=\"text\/javascript\">\r\n \/\/ \u767e\u5ea6\u5730\u56fe\u914d\u7f6e - \u66f4\u65b0\u7ecf\u7eac\u5ea6\uff0c\u4f7f\u7528\u60a8\u5728\u767e\u5ea6\u5730\u56fe\u4e0a\u767b\u8bb0\u7684\"\u7855\u683c\u79d1\u6280\"\u540d\u79f0\r\n var baidumapConfig = {\r\n ak: 'zk4XKwJIyJC4Dsomwce6jcl4gOy3SX1N',\r\n center: {\r\n lng: 113.836938, \/\/ \u66f4\u65b0\u7ecf\u5ea6\r\n lat: 22.756586 \/\/ \u66f4\u65b0\u7eac\u5ea6\r\n },\r\n zoom: 17, \/\/ \u63d0\u9ad8\u7f29\u653e\u7ea7\u522b\uff0c\u66f4\u6e05\u6670\u663e\u793a\r\n company: {\r\n \/\/ \u4f7f\u7528\u767e\u5ea6\u5730\u56fe\u4e0a\u767b\u8bb0\u7684\"\u7855\u683c\u79d1\u6280\"\u4f5c\u4e3a\u4e3b\u8981\u540d\u79f0\r\n name: '\u7855\u683c\u79d1\u6280',\r\n \/\/ \u5b8c\u6574\u516c\u53f8\u540d\u79f0\u4f5c\u4e3a\u526f\u6807\u9898\r\n fullName: '\u6df1\u5733\u5e02\u7855\u683c\u79d1\u6280\u5f00\u53d1\u6709\u9650\u516c\u53f8',\r\n address: '\u6df1\u5733\u5e02\u5b9d\u5b89\u533a\u677e\u5c97\u8857\u9053\u6f6d\u5934\u793e\u533a\u6f6d\u5934\u897f\u90e8\u5de5\u4e1a\u56ed\u533aA1\u3001A2\u680b',\r\n phone: '0755-23203178',\r\n businessHours: '\u5468\u4e00\u81f3\u5468\u4e94 8:30-18:00 | \u5468\u516d 9:00-17:00',\r\n industry: '\u79d1\u6280\u5f00\u53d1',\r\n landmark: '\u6f6d\u5934\u897f\u90e8\u5de5\u4e1a\u56ed\u533a'\r\n }\r\n };\r\n \r\n \/\/ \u68c0\u67e5AK\u662f\u5426\u5df2\u914d\u7f6e\r\n function baidumapCheckAK() {\r\n if (!baidumapConfig.ak || baidumapConfig.ak === '\u60a8\u7684\u767e\u5ea6\u5730\u56feAK\u5bc6\u94a5') {\r\n baidumapShowError('\u8bf7\u5148\u914d\u7f6e\u767e\u5ea6\u5730\u56feAK\u5bc6\u94a5\uff01<br>\u8bbf\u95ee\uff1a<a href=\"https:\/\/lbsyun.baidu.com\" target=\"_blank\" style=\"color: #4e6ef2; text-decoration: underline;\">\u767e\u5ea6\u5730\u56fe\u5f00\u653e\u5e73\u53f0<\/a>\u7533\u8bf7\u5bc6\u94a5');\r\n return false;\r\n }\r\n return true;\r\n }\r\n \r\n \/\/ \u663e\u793a\u9519\u8bef\u4fe1\u606f\r\n function baidumapShowError(message) {\r\n document.getElementById('baidumapLoading').style.display = 'none';\r\n document.getElementById('baidumapError').style.display = 'block';\r\n document.getElementById('baidumapErrorText').innerHTML = message;\r\n }\r\n \r\n \/\/ \u52a0\u8f7d\u767e\u5ea6\u5730\u56feAPI\r\n function baidumapLoadAPI() {\r\n if (!baidumapCheckAK()) return;\r\n \r\n var script = document.createElement('script');\r\n script.type = 'text\/javascript';\r\n script.src = 'https:\/\/api.map.baidu.com\/api?v=3.0&ak=' + baidumapConfig.ak + '&callback=baidumapInit';\r\n script.onerror = function() {\r\n baidumapShowError('\u5730\u56feAPI\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u7f51\u7edc\u8fde\u63a5\u548cAK\u5bc6\u94a5\u914d\u7f6e');\r\n };\r\n document.head.appendChild(script);\r\n }\r\n \r\n \/\/ \u521b\u5efa\u81ea\u5b9a\u4e49\u4fe1\u606f\u7a97\u53e3\u5185\u5bb9\r\n function baidumapCreateInfoWindowContent() {\r\n return `\r\n <div class=\"baidumap-infowindow\">\r\n <div class=\"baidumap-infowindow-header\">\r\n <h3 class=\"baidumap-infowindow-title\">${baidumapConfig.company.name}<\/h3>\r\n <div class=\"baidumap-infowindow-subtitle\">${baidumapConfig.company.fullName}<\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-body\">\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u4f4d\u7f6e\uff1a<\/strong>${baidumapConfig.company.landmark}<br>\r\n <span style=\"color: #666; font-size: 13px;\">${baidumapConfig.company.address}<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u8054\u7cfb\u7535\u8bdd\uff1a<\/strong><a href=\"tel:${baidumapConfig.company.phone}\" style=\"color: #4e6ef2; text-decoration: none;\">${baidumapConfig.company.phone}<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u8425\u4e1a\u65f6\u95f4\uff1a<\/strong>${baidumapConfig.company.businessHours}\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-item\">\r\n <svg class=\"baidumap-infowindow-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n <\/svg>\r\n <div class=\"baidumap-infowindow-content\">\r\n <strong>\u884c\u4e1a\u7c7b\u578b\uff1a<\/strong>${baidumapConfig.company.industry}\r\n <\/div>\r\n <\/div>\r\n <div class=\"baidumap-infowindow-actions\">\r\n <a href=\"https:\/\/map.baidu.com\/direction?destination=${encodeURIComponent(baidumapConfig.company.address)}&coord_type=bd09ll&mode=driving\" \r\n class=\"baidumap-nav-btn driving\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"baidumap-nav-icon\">\ud83d\ude97<\/span>\u9a7e\u8f66\r\n <\/a>\r\n <a href=\"https:\/\/map.baidu.com\/direction?destination=${encodeURIComponent(baidumapConfig.company.address)}&coord_type=bd09ll&mode=transit\" \r\n class=\"baidumap-nav-btn transit\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"baidumap-nav-icon\">\ud83d\ude8c<\/span>\u516c\u4ea4\r\n <\/a>\r\n <a href=\"https:\/\/map.baidu.com\/direction?destination=${encodeURIComponent(baidumapConfig.company.address)}&coord_type=bd09ll&mode=walking\" \r\n class=\"baidumap-nav-btn walking\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"baidumap-nav-icon\">\ud83d\udeb6<\/span>\u6b65\u884c\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>`;\r\n }\r\n \r\n \/\/ \u521d\u59cb\u5316\u5730\u56fe\r\n window.baidumapInit = function() {\r\n try {\r\n \/\/ \u521b\u5efa\u5730\u56fe\u5b9e\u4f8b\r\n var map = new BMap.Map(\"baidumapMain\");\r\n \r\n \/\/ \u521b\u5efa\u4e2d\u5fc3\u70b9 - \u4f7f\u7528\u66f4\u65b0\u540e\u7684\u7ecf\u7eac\u5ea6\r\n var point = new BMap.Point(baidumapConfig.center.lng, baidumapConfig.center.lat);\r\n \r\n \/\/ \u521d\u59cb\u5316\u5730\u56fe\r\n map.centerAndZoom(point, baidumapConfig.zoom);\r\n \r\n \/\/ \u6dfb\u52a0\u5730\u56fe\u63a7\u4ef6 - \u4f18\u5316\u5e03\u5c40\r\n map.addControl(new BMap.NavigationControl({\r\n anchor: BMAP_ANCHOR_TOP_RIGHT,\r\n type: BMAP_NAVIGATION_CONTROL_SMALL,\r\n offset: new BMap.Size(20, 80)\r\n }));\r\n \r\n map.addControl(new BMap.ScaleControl({\r\n anchor: BMAP_ANCHOR_BOTTOM_RIGHT,\r\n offset: new BMap.Size(20, 50)\r\n }));\r\n \r\n map.addControl(new BMap.MapTypeControl({\r\n anchor: BMAP_ANCHOR_TOP_RIGHT,\r\n offset: new BMap.Size(20, 20),\r\n mapTypes: [BMAP_NORMAL_MAP, BMAP_SATELLITE_MAP, BMAP_HYBRID_MAP]\r\n }));\r\n \r\n \/\/ \u521b\u5efa\u66f4\u4e13\u4e1a\u7684\u6807\u8bb0\u56fe\u6807\r\n var icon = new BMap.Icon('data:image\/svg+xml;base64,' + btoa(`\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\">\r\n <defs>\r\n <linearGradient id=\"grad1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#4e6ef2;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#3a5bd9;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <filter id=\"shadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\r\n <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" \/>\r\n <feOffset dx=\"0\" dy=\"4\" result=\"offsetblur\" \/>\r\n <feComponentTransfer>\r\n <feFuncA type=\"linear\" slope=\"0.3\" \/>\r\n <\/feComponentTransfer>\r\n <feMerge> \r\n <feMergeNode \/>\r\n <feMergeNode in=\"SourceGraphic\" \/> \r\n <\/feMerge>\r\n <\/filter>\r\n <\/defs>\r\n <g filter=\"url(#shadow)\">\r\n <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"url(#grad1)\" opacity=\"0.95\"\/>\r\n <circle cx=\"24\" cy=\"24\" r=\"8\" fill=\"white\"\/>\r\n <circle cx=\"24\" cy=\"24\" r=\"4\" fill=\"#4e6ef2\"\/>\r\n <path d=\"M24,10 C30.63,10 36,15.37 36,22 C36,30 24,38 24,38 C24,38 12,30 12,22 C12,15.37 17.37,10 24,10 Z\" \r\n fill=\"none\" stroke=\"white\" stroke-width=\"2\"\/>\r\n <\/g>\r\n <\/svg>\r\n `), new BMap.Size(48, 48));\r\n \r\n \/\/ \u6dfb\u52a0\u6807\u8bb0\r\n var marker = new BMap.Marker(point, {icon: icon});\r\n map.addOverlay(marker);\r\n \r\n \/\/ \u8bbe\u7f6e\u6807\u8bb0\u7684\u6807\u9898\uff08\u9f20\u6807\u60ac\u505c\u65f6\u663e\u793a\uff09\r\n marker.setTitle(baidumapConfig.company.name);\r\n \r\n \/\/ \u6dfb\u52a0\u6587\u5b57\u6807\u7b7e\r\n var label = new BMap.Label(baidumapConfig.company.name, {\r\n offset: new BMap.Size(0, -30),\r\n position: point\r\n });\r\n label.setStyle({\r\n color: \"#fff\",\r\n fontSize: \"12px\",\r\n fontWeight: \"600\",\r\n backgroundColor: \"#4e6ef2\",\r\n padding: \"4px 12px\",\r\n borderRadius: \"12px\",\r\n border: \"none\",\r\n boxShadow: \"0 2px 6px rgba(78, 110, 242, 0.4)\"\r\n });\r\n map.addOverlay(label);\r\n \r\n \/\/ \u521b\u5efa\u4fe1\u606f\u7a97\u53e3\r\n var infoContent = baidumapCreateInfoWindowContent();\r\n var infoWindow = new BMap.InfoWindow(infoContent, {\r\n width: 350,\r\n height: 'auto',\r\n enableAutoPan: true,\r\n enableCloseOnClick: true,\r\n offset: new BMap.Size(0, -45)\r\n });\r\n \r\n \/\/ \u70b9\u51fb\u6807\u8bb0\u6253\u5f00\u4fe1\u606f\u7a97\u53e3\r\n marker.addEventListener(\"click\", function() {\r\n this.openInfoWindow(infoWindow);\r\n });\r\n \r\n \/\/ 2\u79d2\u540e\u81ea\u52a8\u6253\u5f00\u4fe1\u606f\u7a97\u53e3\r\n setTimeout(function() {\r\n marker.openInfoWindow(infoWindow);\r\n }, 2000);\r\n \r\n \/\/ \u542f\u7528\u4ea4\u4e92\u529f\u80fd\r\n map.enableScrollWheelZoom(true);\r\n map.enableDoubleClickZoom(true);\r\n map.enableKeyboard(true);\r\n map.enableContinuousZoom(true);\r\n \r\n \/\/ \u6dfb\u52a0\u5730\u56fe\u4e8b\u4ef6\u76d1\u542c\r\n map.addEventListener(\"tilesloaded\", function() {\r\n console.log(\"\u767e\u5ea6\u5730\u56fe\u52a0\u8f7d\u5b8c\u6210 - \u5b9a\u4f4d\uff1a\u7855\u683c\u79d1\u6280\");\r\n document.getElementById('baidumapLoading').style.opacity = '0';\r\n setTimeout(function() {\r\n document.getElementById('baidumapLoading').style.display = 'none';\r\n }, 300);\r\n });\r\n \r\n \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n window.addEventListener('resize', function() {\r\n map.checkResize();\r\n });\r\n \r\n \/\/ \u6dfb\u52a0\u9f20\u6807\u4e8b\u4ef6\uff0c\u60ac\u505c\u65f6\u9ad8\u4eae\u6807\u8bb0\r\n marker.addEventListener(\"mouseover\", function() {\r\n this.setZIndexOffset(100);\r\n });\r\n \r\n marker.addEventListener(\"mouseout\", function() {\r\n this.setZIndexOffset(0);\r\n });\r\n \r\n } catch (error) {\r\n console.error('\u767e\u5ea6\u5730\u56fe\u521d\u59cb\u5316\u5931\u8d25:', error);\r\n baidumapShowError('\u5730\u56fe\u521d\u59cb\u5316\u5931\u8d25\uff1a' + error.message);\r\n }\r\n };\r\n \r\n \/\/ \u91cd\u65b0\u52a0\u8f7d\u5730\u56fe\r\n function baidumapReload() {\r\n document.getElementById('baidumapError').style.display = 'none';\r\n document.getElementById('baidumapLoading').style.display = 'flex';\r\n document.getElementById('baidumapLoading').style.opacity = '1';\r\n \r\n \/\/ \u79fb\u9664\u65e7\u7684API\u811a\u672c\r\n var oldScripts = document.querySelectorAll('script[src*=\"map.baidu.com\"]');\r\n oldScripts.forEach(function(script) {\r\n script.remove();\r\n });\r\n \r\n \/\/ \u91cd\u65b0\u52a0\u8f7d\r\n setTimeout(baidumapLoadAPI, 500);\r\n }\r\n \r\n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u5ef6\u8fdf\u52a0\u8f7d\uff0c\u786e\u4fddDOM\u5b8c\u5168\u52a0\u8f7d\r\n setTimeout(baidumapLoadAPI, 300);\r\n });\r\n \r\n \/\/ \u767e\u5ea6\u5730\u56fe\u6837\u5f0f\u8986\u76d6 - \u79fb\u9664\u9690\u85cf\u7248\u6743\u4fe1\u606f\u7684\u4ee3\u7801\r\n var baidumapStyles = `\r\n \/* \u81ea\u5b9a\u4e49\u4fe1\u606f\u7a97\u53e3\u6837\u5f0f\u8986\u76d6 *\/\r\n .BMap_pop {\r\n border-radius: 10px !important;\r\n overflow: hidden !important;\r\n border: none !important;\r\n box-shadow: 0 6px 24px rgba(0,0,0,0.18) !important;\r\n }\r\n \r\n .BMap_top {\r\n display: none !important;\r\n }\r\n \r\n .BMap_bottom {\r\n display: none !important;\r\n }\r\n \r\n \/* \u6807\u7b7e\u6837\u5f0f\u4f18\u5316 *\/\r\n .BMapLabel {\r\n font-family: -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n \/* \u81ea\u5b9a\u4e49\u63a7\u4ef6\u6837\u5f0f *\/\r\n .BMap_stdMpCtrl .BMap_stdMpPan,\r\n .BMap_scaleCtrl {\r\n background: white !important;\r\n border-radius: 6px !important;\r\n box-shadow: 0 3px 8px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n .BMap_noprint .BMap_scaleCtrl {\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n }\r\n `;\r\n \r\n \/\/ \u6dfb\u52a0\u81ea\u5b9a\u4e49\u6837\u5f0f\r\n var styleSheet = document.createElement(\"style\");\r\n styleSheet.type = \"text\/css\";\r\n styleSheet.innerText = baidumapStyles;\r\n document.head.appendChild(styleSheet);\r\n \r\n \/\/ \u6dfb\u52a0\u9875\u9762\u6807\u9898\r\n document.title = \"\u7855\u683c\u79d1\u6280 - \u6df1\u5733\u5e02\u7855\u683c\u79d1\u6280\u5f00\u53d1\u6709\u9650\u516c\u53f8\u5730\u56fe\u5bfc\u822a\";\r\n \r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u5173\u4e8e\u6211\u4eec \u7855\u683c\u79d1\u6280\uff1a\u63d0\u4f9b\u5168\u7403\u533b\u7597\u3001\u7535\u5b50\u4ea7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/pages\/2353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/comments?post=2353"}],"version-history":[{"count":14,"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/pages\/2353\/revisions"}],"predecessor-version":[{"id":2552,"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/pages\/2353\/revisions\/2552"}],"wp:attachment":[{"href":"https:\/\/www.szshock.com\/en\/wp-json\/wp\/v2\/media?parent=2353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}