v1.1
This commit is contained in:
parent
5927d175cf
commit
28bfbc242c
|
|
@ -109,7 +109,7 @@
|
|||
<!-- 地图区域 -->
|
||||
<div class="col-span-12 lg:col-span-7">
|
||||
<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
|
||||
ref="mapRef"
|
||||
:center="mapCenter"
|
||||
|
|
@ -154,23 +154,43 @@ const onMapReady = (mapInstance) => {
|
|||
console.log('地图实例:', mapInstance)
|
||||
mapStatus.value = '地图加载完成'
|
||||
|
||||
// 添加一个标记点
|
||||
// 添加主标记点 - 公司位置
|
||||
if (mapRef.value) {
|
||||
|
||||
|
||||
// 添加一个更醒目的主标记点
|
||||
mapRef.value.addMarker(mapCenter.value, {
|
||||
title: '当前位置',
|
||||
title: '创特物联',
|
||||
content: `
|
||||
<div style="
|
||||
background: #007bff;
|
||||
color: white;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: linear-gradient(135deg, #2B7FFF 0%, #2B7FFF 100%);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
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%);
|
||||
position: relative;
|
||||
left: 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>
|
||||
`
|
||||
})
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user