麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

Leaflet笔记(3)加载自定义MapBox地图

上文介绍了MapBox的简要使用方法,并使用MapBox创建了自定义地图,那么就可以在Leaflet中加载进来。方法如下

先放一个效果图

这里加载的是一幅卫星地图。

复制Leaflet分享地址

在MapBox的控制台中找到创建的自定义地图,点击选项按钮:

点击Share, develop & use,找到Leaflet的选项

复制Leaflet的代码。

替换地址

找到在文章《Leaflet笔记(1)最简单的入门程序——显示地图》中加载图层的代码,找到L.tileLayer()函数,将其中的地址换成上面复制的地址。

所有代码

leafletjs/note-2.html at master · sailor103/leafletjs


麻辣GIS-Sailor
作者:
GIS爱好者,学GIS,更爱玩GIS。

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

3.如果本文对您有所帮助,请您对我们团队进行 打赏捐助让我们在传播3S的路上可以走得更远,不胜感激。PS:如果你是学生党,请优先把经费用于购买学习资料 以及 与小哥哥/小姐姐约会上:-)

如您有疑问,可在文末留言,或到QQ群中提问。

本站QQ群(一):291616564 加入QQ群

本站QQ群(二):166408035 加入QQ群

本站QQ群(三):627853279 加入QQ群

本站QQ群(四):436386604 加入QQ群

本站QQ群(五):606176554 加入QQ群

本站QQ群(六):946178380 加入QQ群

本站QQ群(七):861271808 加入QQ群

微信公众号:malagis,扫描右边二维码直接关注。

已有 3 条评论

  1. 麻辣GIS-黎紫珊
    1#
    黎紫珊  · 2018-05-17 10:43

    我换了,但是加载出来,好像不是我自定义地图呢?

      1. 麻辣GIS-Sailor
        Sailor  · 2018-05-17 13:07

        说明你换的地址有问题。

  2. 麻辣GIS-erafear
    2#
    erafear  · 2019-10-11 10:02

    为什么现在mapbox里已经没有share,develope&use的选项了..

发表评论