leaflet 加载自定义mapbox的地图

【mapbox服务器在国外,因此常常会进不去官网,不用担心,多刷新几次或者换个时间就可以了,庆幸的是发布好的服务倒是不会出现这种情况。】

首先在 mapbox上注册一个个人账号(网页纯英文的,英语不那么出色的最好使用chrome浏览器,或者安装翻译插件,我的是已经翻译过的)
在这里插入图片描述
创建账户成功后登陆进去,会自动跳转,点击下图箭头位置来自定义属于自己的地图底图服务
在这里插入图片描述
有多种不同风格的底图可供选择
在这里插入图片描述
确定好需要的底图样式后,进去编辑页面调整称自己需要的样子,其中各种图层都可以单独编辑,更改样式、颜色、是否显示等。或者也可以点击视图上不同的地物类型,对应的图层样式修改框会弹出。
在这里插入图片描述
修改完成后,单机右上角发布按钮,将地图发布成服务
在这里插入图片描述
在leaflet中使用如下格式可以直接调用相应的地图服务

在这里插入图片描述

var text = L.tileLayer('https://api.mapbox.com/styles/v1/lymapbox/ckf2bbm2q4wvf19pl9dbychov/draft/tiles/256/{z}/{x}/{y}?access_token=自己的key', {
				maxZoom: 18,
				minZoom: 1
			});
leaflet是一个流行的开源JavaScript库,用于创建交互式的地图应用程序。它支持各种地图数据提供商,包括OpenStreetMap、Mapbox和ESRI等。在leaflet中使用深色地图可以通过以下步骤实现: 首先,选择一个适合的深色地图样式。深色地图通常具有较低的亮度和对比度,使地图呈现出更加昏暗的色调。可以在Mapbox或其他类似的网站上找到许多现成的深色地图风格,也可以根据自己的需求自定义地图样式。 然后,在leaflet中导入所选的深色地图样式。这可以通过在HTML文件中引入样式表,或者使用JavaScript将样式加载leaflet地图对象中来完成。导入样式后,地图将以深色样式呈现。 接下来,创建一个基本的leaflet地图对象。在指定的位置和缩放级别上初始化地图,并将地图容器与页面上的特定元素关联起来。这可以通过使用leaflet的Map方法,并将其作为参数传递给指定的HTML元素来实现。 最后,使用leaflet的图层机制将深色地图样式添加到地图对象中。leaflet中的图层用于展示不同类型的地图数据,包括矢量图形、标记和瓦片地图。可以使用leaflet的TileLayer方法将深色地图样式作为一个图层添加到地图中,确保将样式与正确的图层属性一起设置。 通过按照上述步骤,在leaflet中使用深色地图样式来呈现地图。这将使地图界面更加突出,适合夜间使用或需要较低亮度的场景。同时,leaflet提供了许多其他功能和配置选项,以满足用户对地图的个性化需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值