Я использую в своем приложении WebView для отображения карты Leaflet.
Внутри файла HTML у меня есть следующие ссылки и ссылки:
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=xxxxx', { maxZoom: 18, attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' + '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', id: 'mapbox.streets' }).addTo(mymap);
Это выглядит так:
Есть ли способ разместить элемент управления атрибуцией, например, в верхнем левом углу вместо нижнего правого угла?
Конечно, вы можете контролировать все на карте;)
let map = L.map('map', { attributionControl: false }).setView([51.505, -0.09], 13); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); L.control.attribution({ position: 'topright' }).addTo(map);
body { height: 100%; margin: 0; } #map { width: 100%; height: 100%; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.5.1/leaflet.css"> <div id="map"></div>