|
@@ -27,14 +27,14 @@ const MARKER_COLORS: Record<string, string> = {
|
|
|
|
|
|
|
|
function createIcon(type: string, size: number, ghost?: boolean): L.DivIcon {
|
|
function createIcon(type: string, size: number, ghost?: boolean): L.DivIcon {
|
|
|
const color = ghost
|
|
const color = ghost
|
|
|
- ? 'radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0.2) 50%, rgba(255, 229, 0, 0) 70%)'
|
|
|
|
|
|
|
+ ? 'radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0) 75%)'
|
|
|
: MARKER_COLORS[type] || '#3b82f6'
|
|
: MARKER_COLORS[type] || '#3b82f6'
|
|
|
|
|
|
|
|
if (type === 'location') {
|
|
if (type === 'location') {
|
|
|
const locStyle = ghost
|
|
const locStyle = ghost
|
|
|
- ? `width:20px;height:20px;background:radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0.2) 50%, rgba(255, 229, 0, 0) 70%);border-radius:50%`
|
|
|
|
|
|
|
+ ? `width:10px;height:10px;background:radial-gradient(circle, rgba(255, 229, 0, 0.8) 0%, rgba(255, 229, 0, 0) 75%);border-radius:50%`
|
|
|
: `width:12px;height:12px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 0 4px rgba(59,130,246,0.3)`
|
|
: `width:12px;height:12px;background:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 0 4px rgba(59,130,246,0.3)`
|
|
|
- const s = ghost ? 20 : 20
|
|
|
|
|
|
|
+ const s = ghost ? 10 : 20
|
|
|
return L.divIcon({
|
|
return L.divIcon({
|
|
|
className: '',
|
|
className: '',
|
|
|
iconSize: [s, s],
|
|
iconSize: [s, s],
|
|
@@ -43,7 +43,7 @@ function createIcon(type: string, size: number, ghost?: boolean): L.DivIcon {
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- const ghostSize = 20
|
|
|
|
|
|
|
+ const ghostSize = 10
|
|
|
const style = ghost
|
|
const style = ghost
|
|
|
? `width:${ghostSize}px;height:${ghostSize}px;background:${color};border-radius:50%`
|
|
? `width:${ghostSize}px;height:${ghostSize}px;background:${color};border-radius:50%`
|
|
|
: `width:${size}px;height:${size}px;background:${color};border-radius:50%;border:${size > 20 ? '3px' : '2px'} solid white;box-shadow:0 2px 8px rgba(0,0,0,0.3)`
|
|
: `width:${size}px;height:${size}px;background:${color};border-radius:50%;border:${size > 20 ? '3px' : '2px'} solid white;box-shadow:0 2px 8px rgba(0,0,0,0.3)`
|