AS
[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
Size: a a a
AS
[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
Ć
Ć
Ć
[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
npm i leaflet
import { Map, tileLayer, marker, icon, control } from 'leaflet';
initMap() {
const map = new Map('map', {
attributionControl: false,
zoomControl: false
}).setView([this.order.source_lat, this.order.source_lon], 17);
tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
const customMarkerIcon = icon({
iconUrl: 'assets/img/marker.png',
iconSize: [64, 64],
popupAnchor: [0, -20]
});
marker([this.order.source_lat, this.order.source_lon], { icon: customMarkerIcon })
.bindPopup(`<b>№ ${this.order.order_id}</b>`, { autoClose: true })
.addTo(map);
}
AS
npm i leaflet
import { Map, tileLayer, marker, icon, control } from 'leaflet';
initMap() {
const map = new Map('map', {
attributionControl: false,
zoomControl: false
}).setView([this.order.source_lat, this.order.source_lon], 17);
tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
const customMarkerIcon = icon({
iconUrl: 'assets/img/marker.png',
iconSize: [64, 64],
popupAnchor: [0, -20]
});
marker([this.order.source_lat, this.order.source_lon], { icon: customMarkerIcon })
.bindPopup(`<b>№ ${this.order.order_id}</b>`, { autoClose: true })
.addTo(map);
}
Ć
AT
AT
AS
AS
AS
Ć
Ć
<div id="map"></div>
Ć
#map {
height: 100vh !important;
}
Ć
AS
AS
AT