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="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>
|
||||||
`
|
`
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user