我正在开发我的第一个地图应用程序。 与在线示例相比,我的应用程序上的地图很模糊。看着很痛苦,因为文字不清晰。 如何获取在线样本的清晰度?
代码在最后
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<link
rel="stylesheet"
type="text/css"
href="{% static 'map.css' %}"
/>
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/leaflet/dist/leaflet.css"
crossorigin=""
/>
<script
src="https://unpkg.com/leaflet/dist/leaflet.js"
crossorigin=""
></script>
</head>
<body>
<div id="map"></div>
<script
src="{% static 'map.js' %}"
defer
></script>
</body>
</html>
JS
const url = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}' "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
const layer = L.tileLayer(url, {
attribution: copy,
});
const map = L.map("map", {
layers: [layer],
});
map.fitWorld();
我也有同样的问题一直无法解决!