Question

我正在使用传单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>

请帮助我解决此问题。预先感谢。

Answer 1

似乎您对lantmateriet的身份验证有问题（所有请求都获得401返回码），我在任何地方都没有看到用于身份验证的令牌。

我认为您必须先检查一下。

WMTS在传单js中显示emty磁贴

1 个答案: