[Map][Leaflet] Fix Marker inside circle

Author: Kocal

src/Map/src/Bridge/Leaflet/assets/dist/map_controller.js

@@ -5,7 +5,7 @@ import { Marker, divIcon, map, tileLayer, marker } from 'leaflet';
 class map_controller extends AbstractMapController {
     connect() {
         Marker.prototype.options.icon = divIcon({
-            html: '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round" viewBox="0 0 500 820"><defs><linearGradient id="a" x1="0" x2="1" y1="0" y2="0" gradientTransform="rotate(-90 478.727 62.272) scale(37.566)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#126FC6"/><stop offset="1" stop-color="#4C9CD1"/></linearGradient><linearGradient id="b" x1="0" x2="1" y1="0" y2="0" gradientTransform="rotate(-90 468.484 54.002) scale(19.053)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2E6C97"/><stop offset="1" stop-color="#3883B7"/></linearGradient></defs><path fill="url(#a)" stroke="url(#b)" stroke-width="1.1" d="M416.544 503.612c-6.573 0-12.044 5.691-12.044 11.866 0 2.778 1.564 6.308 2.694 8.746l9.306 17.872 9.262-17.872c1.13-2.438 2.738-5.791 2.738-8.746 0-6.175-5.383-11.866-11.956-11.866Zm0 7.155a4.714 4.714 0 0 1 4.679 4.71c0 2.588-2.095 4.663-4.679 4.679-2.584-.017-4.679-2.09-4.679-4.679a4.714 4.714 0 0 1 4.679-4.71Z" transform="translate(-7889.1 -9807.44) scale(19.5417)"/></svg>',
+            html: '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="50" height="80.13" fill-rule="evenodd" stroke-linecap="round" clip-rule="evenodd"><defs><linearGradient id="a" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 -74.83 74.83 0 24.91 75.57)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#126FC6"/><stop offset="1" stop-color="#4C9CD1"/></linearGradient><linearGradient id="b" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 -37.95 37.95 0 20.98 38.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2E6C97"/><stop offset="1" stop-color="#3883B7"/></linearGradient></defs><ellipse cx="24.94" cy="24.85" fill="#fff" rx="8.51" ry="8.67"/><path fill="url(#a)" stroke="url(#b)" stroke-width="2.19" d="M25.09 1.1c-13.1 0-24 11.33-24 23.63 0 5.54 3.12 12.57 5.37 17.43L25 77.76l18.45-35.6c2.25-4.86 5.45-11.54 5.45-17.43C48.9 12.43 38.18 1.1 25.1 1.1zm0 14.25a9.39 9.39 0 0 1 9.32 9.38 9.34 9.34 0 0 1-9.32 9.32 9.34 9.34 0 0 1-9.32-9.32 9.39 9.39 0 0 1 9.32-9.38z"/></svg>',
             iconSize: [25, 41],
             iconAnchor: [12.5, 41],
             popupAnchor: [0, -41],

src/Map/src/Bridge/Leaflet/assets/src/map_controller.ts

@@ -26,7 +26,7 @@ export default class extends AbstractMapController<
 > {
     connect(): void {
         Marker.prototype.options.icon = divIcon({
-            html: '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round" viewBox="0 0 500 820"><defs><linearGradient id="a" x1="0" x2="1" y1="0" y2="0" gradientTransform="rotate(-90 478.727 62.272) scale(37.566)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#126FC6"/><stop offset="1" stop-color="#4C9CD1"/></linearGradient><linearGradient id="b" x1="0" x2="1" y1="0" y2="0" gradientTransform="rotate(-90 468.484 54.002) scale(19.053)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2E6C97"/><stop offset="1" stop-color="#3883B7"/></linearGradient></defs><path fill="url(#a)" stroke="url(#b)" stroke-width="1.1" d="M416.544 503.612c-6.573 0-12.044 5.691-12.044 11.866 0 2.778 1.564 6.308 2.694 8.746l9.306 17.872 9.262-17.872c1.13-2.438 2.738-5.791 2.738-8.746 0-6.175-5.383-11.866-11.956-11.866Zm0 7.155a4.714 4.714 0 0 1 4.679 4.71c0 2.588-2.095 4.663-4.679 4.679-2.584-.017-4.679-2.09-4.679-4.679a4.714 4.714 0 0 1 4.679-4.71Z" transform="translate(-7889.1 -9807.44) scale(19.5417)"/></svg>',
+            html: '<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="50" height="80.13" fill-rule="evenodd" stroke-linecap="round" clip-rule="evenodd"><defs><linearGradient id="a" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 -74.83 74.83 0 24.91 75.57)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#126FC6"/><stop offset="1" stop-color="#4C9CD1"/></linearGradient><linearGradient id="b" x1="0" x2="1" y1="0" y2="0" gradientTransform="matrix(0 -37.95 37.95 0 20.98 38.7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2E6C97"/><stop offset="1" stop-color="#3883B7"/></linearGradient></defs><ellipse cx="24.94" cy="24.85" fill="#fff" rx="8.51" ry="8.67"/><path fill="url(#a)" stroke="url(#b)" stroke-width="2.19" d="M25.09 1.1c-13.1 0-24 11.33-24 23.63 0 5.54 3.12 12.57 5.37 17.43L25 77.76l18.45-35.6c2.25-4.86 5.45-11.54 5.45-17.43C48.9 12.43 38.18 1.1 25.1 1.1zm0 14.25a9.39 9.39 0 0 1 9.32 9.38 9.34 9.34 0 0 1-9.32 9.32 9.34 9.34 0 0 1-9.32-9.32 9.39 9.39 0 0 1 9.32-9.38z"/></svg>',
             iconSize: [25, 41],
             iconAnchor: [12.5, 41],
             popupAnchor: [0, -41],