This commit is contained in:
WindowBird 2025-10-29 16:07:23 +08:00
parent 5927d175cf
commit 28bfbc242c

View File

@ -109,7 +109,7 @@
<!-- 地图区域 --> <!-- 地图区域 -->
<div class="col-span-12 lg:col-span-7"> <div class="col-span-12 lg:col-span-7">
<div class="bg-white rounded-xl shadow-lg p-6"> <div class="bg-white rounded-xl shadow-lg p-6">
<h3 class="text-2xl font-semibold text-gray-800 mb-6 text-center">公司位置</h3> <h3 class="text-2xl font-semibold text-gray-800 mb-6 text-center">创特物联科技-公司位置</h3>
<AMapComponent <AMapComponent
ref="mapRef" ref="mapRef"
:center="mapCenter" :center="mapCenter"
@ -154,23 +154,43 @@ const onMapReady = (mapInstance) => {
console.log('地图实例:', mapInstance) console.log('地图实例:', mapInstance)
mapStatus.value = '地图加载完成' mapStatus.value = '地图加载完成'
// // -
if (mapRef.value) { if (mapRef.value) {
//
mapRef.value.addMarker(mapCenter.value, { mapRef.value.addMarker(mapCenter.value, {
title: '当前位置', title: '创特物联',
content: ` content: `
<div style=" <div style="
background: #007bff; width: 40px;
color: white; height: 40px;
padding: 4px 8px; background: linear-gradient(135deg, #2B7FFF 0%, #2B7FFF 100%);
border-radius: 4px; border-radius: 50%;
font-size: 12px; display: flex;
text-align: center; align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(255, 107, 107, 0.4);
border: 3px solid white;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
position: relative; position: relative;
left: 50%; left: 50%;
top: 50%; top: 50%;
">创特物联</div> animation: pulse 2s infinite;
">
<svg width="20" height="20" viewBox="0 0 24 24" fill="white">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<style>
@keyframes pulse {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.2); }
100% { transform: translate(-50%, -50%) scale(1); }
}
</style>
` `
}) })
} }