时间戳

首页 > 解决方案 > 地图未显示，仅显示缩放按钮

leaflet - 地图未显示，仅显示缩放按钮

问题描述

我只是想在网页中显示地图，但地图不仅显示放大和缩小按钮。谁能帮我吗？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
  <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
  <title>Maps</title>
</head>
<body>
   <script type="text/javascript"> 
    var map = L.map('map').setView([22.5726, 88.3639], 10);
 L.titleLayer('https://api.maptiler.com/maps/basic/256/{z}/{x}/{y}.png?key=dVhthbXQs3EHCi0XzzkL',{
     attribution:
     '<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>'
 }).addTo(map);
  </script>
   <div id='map' style="width: 300px; height: 400px;"></div>
</body>
</html>

标签： leaflet

解决方案

推荐阅读