fix(where): use circleMarker instead of image-based marker
Removes dependency on marker PNG files. circleMarker is a pure SVG/canvas circle — no external image requests, no 404 risks. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -39,11 +39,6 @@ leafletMap: true
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
window.addEventListener('load', function() {
|
window.addEventListener('load', function() {
|
||||||
L.Icon.Default.mergeOptions({
|
|
||||||
iconUrl: '/css/images/marker-icon.png',
|
|
||||||
iconRetinaUrl: '/css/images/marker-icon-2x.png',
|
|
||||||
shadowUrl: '/css/images/marker-shadow.png'
|
|
||||||
});
|
|
||||||
var map = L.map('checkin-map');
|
var map = L.map('checkin-map');
|
||||||
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||||
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
|
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
|
||||||
@@ -60,7 +55,13 @@ leafletMap: true
|
|||||||
var popup = safeUrl
|
var popup = safeUrl
|
||||||
? '<a href="' + safeUrl + '" target="_blank" rel="noopener">' + safeName + '</a>'
|
? '<a href="' + safeUrl + '" target="_blank" rel="noopener">' + safeName + '</a>'
|
||||||
: safeName;
|
: safeName;
|
||||||
return L.marker([p.lat, p.lng]).bindPopup(popup);
|
return L.circleMarker([p.lat, p.lng], {
|
||||||
|
radius: 7,
|
||||||
|
color: '#fff',
|
||||||
|
weight: 2,
|
||||||
|
fillColor: '#3b82f6',
|
||||||
|
fillOpacity: 0.9
|
||||||
|
}).bindPopup(popup);
|
||||||
});
|
});
|
||||||
markers.forEach(function(m) { cluster.addLayer(m); });
|
markers.forEach(function(m) { cluster.addLayer(m); });
|
||||||
map.addLayer(cluster);
|
map.addLayer(cluster);
|
||||||
|
|||||||
Reference in New Issue
Block a user