如何与传单一起使用自定义创建的地图框样式

F.H. 发表于 Dev

跳频

我找不到任何有关如何使用自定义创建的地图样式的示例。

在mapbox页面上，我为地图创建了样式。

如何在传单中使用这种样式？

例如：

var map = L.map('map', {
    center: [43.64701, -79.39425],
    zoom: 15
});

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

我放在哪里mapbox://styles/ficht/cihqdfw3f004ybnm35e7zefon？

这是地图：

https://api.mapbox.com/styles/v1/ficht/cihqdfw3f004ybnm35e7zefon.html?title=true&access_token=pk.eyJ1IjoiZmljaHQiLCJhIjoiY2locWQ3YTBtMDAxYnY1bHVVCGtsM2Y1MCQ9Y1784X1784Y1784Y1784X1784Y1784Y71781784X7178X7841784Y71783784X21781784X7178X7841784X7178T71783784D7811783784D781178D781784Y27841678T87843784_6781784_6781784_71_784_678_180_2178_678_416_1784

面膜大田

我已经成功地向传单添加了地图框样式

在此URL上https://www.mapbox.com/studio/styles/选择您的样式。不适用于此示例的默认样式（我认为该样式适用于所有人）https://www.mapbox.com/studio/styles/mapbox/streets-v10/share/

然后在此页面上选择传单选项卡

复制网址，并在js文件中像这样使用

var map = L.map('map');

L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/256/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFza290YSIsImEiOiJjaXp0bmI3M3EwMDBvMndzMHJudnlsMDllIn0.jV7rTNmfiqjx57usCu54rQ', {
maxZoom: 18,
attribution: 'Map data &copy; <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>',
}).addTo(map);

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。