<div class="leaflet-marker-icon leaflet-div-icon leaflet-editing-icon leaflet-div-icon-wh leaflet-zoom-animated leaflet-interactive leaflet-marker-draggable" tabindex="0" style="margin-left: -2px; margin-top: -2px; width: 4px; height: 4px; transform: translate3d(688px, 348px, 0px); z-index: 4348; outline: none;"></div>
That is the dot's div.
The problem will be solved when the x and y coordinates are -2 px smaller.
When I click while marking here, the coordinates should be -2px smaller. How can i change the translate3d coordinates before div created