WMTS отображает пустые тайлы в буклете js - PullRequest
Новая
       17

WMTS отображает пустые тайлы в буклете js

0 голосов
/ 20 марта 2019

Я использую листовки js и lantmateriet api для отображения карты. Но на карте отображаются пустые белые плитки в браузере. Карта отображается нормально с другими API, как OSM. У меня проблемы с Lantmateriet API. Это мой код. 

var mapOptions = {
  center: [59.4022, 13.5115],
  zoom: 4
}

var map = new L.map('map', mapOptions);
L.tileLayer('https://api.lantmateriet.se/open/topowebb-ccby/v1/wmts/token/apikey/1.0.0/topowebb/default/3006/{z}/{y}/{x}.png', {
  attribution: ''
}).addTo(map);

var marker = L.marker([59.3293, 18.0686]).addTo(map);
var m2 = L.marker([59.9139, 10.7522]).addTo(map);
m2.bindPopup("Oslo").addTo(map);
marker.bindPopup('Stockholm').addTo(map);

var latlngs = [
  [59.9139, 10.7522],
  [59.4022, 13.5115],
  [59.3293, 18.0686]
];
var polyline = L.polyline(latlngs, {
  color: 'red'
});
polyline.addTo(map);

var circleCenter = [59.4022, 13.5115]; // Center of the circle
var circleOptions = {
  color: 'red',
  fillColor: '#f03',
  fillOpacity: 0.5,
}
// Creating a circle
var circle = L.circle(circleCenter, 10000, circleOptions);
circle.addTo(map); // Adding circle to the map
<!DOCTYPE html>
<html>

<head>
  <title>Leaflet sample</title>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
  <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
</head>

<body>
  <div id="map" style="width: 900px; height: 580px"></div>
</body>

</html>

Пожалуйста, помогите мне решить эту проблему. Заранее спасибо.

1 Ответ

0 голосов
/ 21 марта 2019

Кажется, у вас есть проблема с аутентификацией в lantmateriet (все запросы получают код возврата 401), я нигде не видел токен для аутентификации.

Я думаю, что вы должны сначала проверить это.

401 unauthorized

...