Question

我对GIS很陌生，并认为我会从传单 quick tutorial开始。但是，我在使用Mapbox添加基础图块层时遇到问题。到目前为止，这是我的代码：

    <!DOCTYPE html>
<html lang='en'>
<head>
    <title>Agricultural Trade Patterns</title> 
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
</head>
<body>
    <div id="map" style="width: 600px; height: 600px"></div> 
    <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> 
    <script>
        //initialize the map 
        var map = L.map('map').setView([41.854501, -87.715496],13);

        L.titleLayer('https://api.mapbox.com/page.html?access_token=', {
            maxZoom:18,
            attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
            id: '',
            accessToken: ''
        }).addTo(map); 

        map.on('click', onMapClick);


    </script>
</body>

我尽可能多地遵循教程，但每当我测试它时，我都会收到错误：

TypeError: L.titleLayer is not a function

我无法弄清楚原因。我是否将错误的论点传递给tileLayer？我知道我的URL模板没有传单教程中的确切格式，但我找不到像这样的png url？那是问题吗？对不起，如果这是一个简单的问题，我只是对这些东西完全陌生。

提前感谢您的帮助！

Answer 1

没有L.TitleLayer之类的东西。它被称为L.TileLayer：

http://leafletjs.com/reference.html#tilelayer

简单的Leaflet + Mapbox TitleLayer的问题？

1 个答案: