2016-01-28 62 views
0

我對GIS完全陌生,以爲我會從小冊子 quick tutorial開始。不過,我在使用Mapbox添加基本圖層時遇到了問題。這是到目前爲止我的代碼:簡單的Leaflet + Mapbox TitleLayer的問題?

<!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?我知道我的網址模板沒有傳單教程中的確切格式,但我無法在任何地方找到像這樣的png網址?這是問題嗎?對不起,如果這是一個簡單的問題,我只是對這個東西全新的。

在此先感謝您的幫助!

+1

嗯......你剛剛粘貼的訪問令牌在這裏的代碼?你可能想編輯它。 – PaulJ

+0

@PaulJ不知道我在想什麼,謝謝! – ocean800

回答