我不知道为什么,但在我的传单网站上,从昨天开始,地图就模糊了,瓷砖边框清晰可见,在一些瓷砖上,我与英语和俄语街道名称有奇怪的重叠:
我尝试用这样的简单代码来隔离问题:但仍然没有进展。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple leaflet map</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /> <style>
#map {
height: 100vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
crossorigin=""></script> <script>
var map = L.map('map').setView([51.505, -0.09], 13);
var tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19
}).addTo(map);
</script>
</body>
</html>
我尝试在本地使用传单文件并使用 npm,不会改变任何内容(1.9.4)。 我也尝试过改变 我使用的是 Chrome(版本 125.0.6422.142),模糊在其他浏览器(如 Brave 和 Edge)上消失,但奇怪的重叠却没有消失。
知道这是什么吗?
编辑:与其他街道的奇怪重叠是 OpenStreetMap 正在进行的破坏行为。不过,我仍然对瓷砖的模糊和白色边框有疑问。
我有点羞愧,但白色瓷砖边框的问题是我放大了 110%……就是这样。模糊也一样