Put map icons in a circle

2024-01-14 21:28:56 +00:00 · 2024-01-14 21:28:56 +00:00 · f8658a7850
parent 1f8d465c6d
commit f8658a7850
1 changed files with 5 additions and 2 deletions
--- a/static/js/map.js
+++ b/static/js/map.js
@ -1,8 +1,11 @@
 function emoji_icon(emoji) {
+  var iconStyle = "<div style='background-color: white; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid black;'> <div style='font-size: 18px;'>" + emoji + "</div></div>";
+
  return L.divIcon({
    className: 'custom-div-icon',
-    html: "<div style='font-size: 24px;'>" + emoji + "</div>",
-    iconSize: [30, 42],
+    html: iconStyle,
+    iconSize: [60, 60],
+    iconAnchor: [15, 15],
  });
 }