当前位置:  开发笔记 > 编程语言 > 正文

如何使用自定义创建的地图框样式以及传单

如何解决《如何使用自定义创建的地图框样式以及传单》经验,为你挑选了1个好方法。

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

在地图框页面上,我为地图创建了一个样式.

我怎样才能将这种风格用于传单?

例如:

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

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '© OpenStreetMap contributors'
}).addTo(map);

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

这是地图:

https://api.mapbox.com/styles/v1/ficht/cihqdfw3f004ybnm35e7zefon.html?title=true&access_token=pk.eyJ1IjoiZmljaHQiLCJhIjoiY2locWQ3YTBtMDAxYnY1bHVvcGtsM2Y1MCJ9.C8NlGmZuX6W2YrvXTHULeQ#1.6044619216776894/37.74890243399017/28.62971087861783/0.08751522544480395



1> 小智..:

我成功地向传单添加了一个mapbox样式

在此URL https://www.mapbox.com/studio/styles/选择您的风格.我使用这个例子的默认样式(我想这个可供所有人使用) https://www.mapbox.com/studio/styles/mapbox/streets-v10/share/

然后在此页面上选择传单选项卡在此输入图像描述

复制Url并在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 © OpenStreetMap contributors, ' +
'CC-BY-SA, ' +
'Imagery © Mapbox',
}).addTo(map);


您可以通过L.TileLayer类使用此端点将Mapbox Studio样式添加到Leaflet地图:https://api.mapbox.com/styles/v1/YOUR_USERNAME/YOUR_STYLE_ID/tiles/256/{z}/{x} / {y}?access_token = YOUR_ACCESS_TOKEN
我认为情况已经改变。我不得不去`use`并将URL用作`Fulcrum`
推荐阅读
mylvfamily
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有