我正在使用 NodeJS、OpenStreetMaps、Leaflet 和 Mapbox 开发 Web 应用程序。
有一段时间我只是使用主页和注册页面,都带有地图,使用此代码来显示它。非常简单,如 传单快速入门指南中所示
var map = L.map('map');
map.setView([19.34, -99.15], 12);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
maxZoom: 18,
id: <myMapboxMapId>,
accessToken: <myMapboxAccessToken>
}).addTo(map);
Run Code Online (Sandbox Code Playgroud)
我以为我会对整个应用程序使用相同的代码,直到我添加一个带有地图的新页面,对地图不显示感到非常沮丧,没有 javascript 警告或错误,检查了很多 Stackoverflow 问题和其他论坛,没有答案。
我用传单js和css制作了一个简单的html页面,但它没有显示。只是一个灰色地带。
所以过了一会儿,我去 Mapbox,创建一个新的访问令牌,放置它并且它起作用了。
我觉得奇怪的是,我在两个不同的页面上使用了第一个令牌,效果很好。但不是第三个。
所以问题......我是否必须在每个页面/应用程序中使用不同的 Mapbox 访问令牌?这是如何运作的?
我查看了 Mapbox 文档,没有答案。这里Mapbox 访问令牌文档
谢谢!