Карты. leaflet. ES6 кто работал????
 

Коллеги, доброго времени суток.
Кто нибудь работал с leaflet???? Как решаются проблемы с подключение import L from './leaflet/leaflet-src.js';

Проблемы?

Да, не подключает через impoort))))

И еще не работает 'http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}'

Пишет: a.google.com/vt/lyrs=s,h&x=19806&y=10242&z=15:1 GET http://a.google.com/vt/lyrs=s,h&x=19806&y=10242&z=15 net::ERR_NAME_NOT_RESOLVED

Роман Андреевич, ну так попробуй вручную открыть, те тоже самое напишет.)

Стандартный OSM(http://{s}.tile.osm.org/{z}/{x}/{y}.png) работает, а что там с гуглом не в настроении гуглить.)

Aetae, спасибо, все нормально, работает

Коллеги, еще вопрос, может кто сталкивался опять же.

При отрисовке слоя, пусть google будет, на карте расставляются стандартные маркеры - метро, остановки и так далее, парикмахерские какие-то...

Как это можно убрать???

document.addEventListener('DOMContentLoaded', () => {

			let mapBlock = document.getElementById('map');

			let maps = {

				osm: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
				google: 'http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',
				yandex: ''

			}

			let map = L.map(mapBlock, {
			    center: [55.75393030000001, 37.620795000000044],
			    attributionControl: false,
			    zoomControl: false,
			    doubleClickZoom: false,
			    inertia: true,
			    zoom: 15
			});

			L.tileLayer('http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',{
			    
			    disableDefaultUI: true,
			    styles: [{
			        featureType: "poi",
			        stylers: [{ visibility: "off" }]
			    }],
			    maxZoom: 20,
			    subdomains:['mt0','mt1','mt2','mt3']

			}).addTo(map);

		});

Стандартные штуки не подходят...

Заранее спасибо