Я новичок в использовании карты в веб-приложениях. Я хочу использовать несколько слоев OpenStreetMap в своем приложении, и мне кажется, что мне нужно использовать URL поставщика карт (или что-то подобное), когда я хочу создать слой.
Я попробую код ниже, но я не мог видеть карту. Есть кто-нибудь, кто может мне помочь? Нужен ли ключ доступа?
<script>
import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import XYZSource from 'ol/source/XYZ';
alert();
new Map({
target: 'map',
layers: [
new TileLayer({
source: new XYZSource({
url: 'https://maps.wikimedia.org/osm-intl/${z}/${x}/${y}.png'
})
})
],
view: new View({
center: [0, 0],
zoom: 2
})
});
</script>