Question

我尝试使用传单0.6.4创建一个地图并且工作正常但是当我尝试切换到传单0.7.3时没有上传任何图块。我的html调试器中的主要错误是找不到“Map”容器。

代码从未托管在网络服务器上，因为A）我没有钱和B）我不够技术（YET！）知道如何工作。所以我主要测试代码localy（点击C：/文件在这里/ test.html）。

如果有人能帮助我理解我做错了什么，我会很感激。

这是代码：

<head>
<title>Region1-7</title>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
<![endif]-->
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<script>
    function init() {
        var mapMinZoom = 0;
        var mapMaxZoom = 5;
        var map = L.map('map', {
            maxZoom: mapMaxZoom,
            minZoom: mapMinZoom,
            crs: L.CRS.Simple
        }).setView([0, 0], mapMaxZoom);

        var mapBounds = new L.LatLngBounds(
            map.unproject([0, 5632], mapMaxZoom),
            map.unproject([5632, 0], mapMaxZoom));

        map.fitBounds(mapBounds);
        L.tileLayer('{z}/map_{x}_{y}.png', {
            minZoom: mapMinZoom,
            maxZoom: mapMaxZoom,
            bounds: mapBounds,
            attribution: 'Rendered by the God Emperor of Mankind',
            noWrap: true
        }).addTo(map);
    }
</script>
<style>
    html,
    body,
    #map {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
</style>
</head>

<body onload="init()">
<div id="map"></div>
</body>

</html>

如果任何人有关于免费虚拟主机的测试目的或有关传单的自学文档的任何资源我都是耳朵。

天啊，如果你们有任何评论我都会接触到任何东西......除了你丹......他知道他做了什么......

Answer 1

您可以通过为图块层设置continuousWorld: true来解决此问题。

如果设置为true，则图块坐标将不会被世界宽度（-180到180经度）包裹或夹在世界高度（-90到90）之内。如果您将Leaflet用于不能反映现实世界的地图（例如游戏，室内或照片地图），请使用此选项。

来源：http://leafletjs.com/reference.html#tilelayer-continuousworld

有关详细信息，请参阅perliedman的评论：https://github.com/Leaflet/Leaflet/issues/2579#issuecomment-38657771

小册子0.6.4和小册子0.7.3之间的小册子脚本问题的虚构交互式地图

1 个答案: