【Web方向技术布道师】大志+北京

[dazhi1011]

大家好，我是大志，目前主要做GIS方面的全栈开发。诚惶诚恐写下这条issue，还是希望跟大家一起学习进步、多多互动，我也会与大家分享mapbox使用过程中的一些所知所想，走进它才能理解它，一句话，用好mapbox你就是GIS里最靓的仔:sunglasses::sunglasses::sunglasses:

同时也欢迎大家多多回答问题，one for all and all for one @Jing-flyloveyin小姐姐还会有小礼物送你哦~

pg拥趸，欢迎聊骚

[Jing-flyloveyin]

@dazhi1011 谢谢！

关于更多志愿者信息，大家可以查看这篇文章：接下来 3 个月，这 6 位 Mapbox 技术布道志愿者将会为您回答技术问题

[Aimumu]

聊你😎

[Steamed-fish]

@dazhi1011 大志同学，请问使用mapbox gl js 如何做到把下图中的标注图层出现在地图的可视范围内？
map.addLayer({ "id": 'listData', "type": "symbol", "source": { "type": "geojson", "data": data, }, "layout": { "icon-image": ['case', ['==', ['get', 'imgtype'], "gaosu"], 'gaosu', ['==', ['get', 'imgtype'], "gangkou"], 'gangkou', ['==', ['get', 'imgtype'], "jichang"], 'jichang', ['==', ['get', 'imgtype'], "huoche"], 'jichang', ['==', ['get', 'imgtype'], "gongjiao"], 'gongjiao', ['==', ['get', 'imgtype'], "ditie"], 'ditie', ['==', ['get', 'imgtype'], "canyin"], 'canyin', ['==', ['get', 'imgtype'], "zhusu"], 'zhusu', ['==', ['get', 'imgtype'], "yiyuan"], 'yiyuan', ['==', ['get', 'imgtype'], "wuliu"], 'wuliu', 'gaosu' ], "text-anchor": "top", "icon-size": 1, "icon-allow-overlap":true } });

[dazhi1011]

@Steamed-fish 使用fitbounds，这里有个例子。
提问可以新开issue，方便大家查找与讨论，谢谢。

[Jing-flyloveyin]

@chinesejar 请开一个新的issue提问哦

[Steamed-fish]

@dazhi1011 感谢大志哥的建议，我这里又有一个新问题，如下面代码，我初始化添加id = listData的Layer，并给这个listData绑定一些事件，当我点击id = listData的Layer时，鼠标返回的 e 只有一个；但是我有选项切换，每切换一次都要removeLayer('listData')和removeSource('listData')并重新生成新的id = listData的Layer，并绑定事件，这时候当我点击这个listData时，返回的 e 存在多个（每切换一次比上一次返回多一个e对象）；这是怎么回事，我想不管切换多少次，返回的e都只能是一个，您有什么建议？

[Jing-flyloveyin]

@Steamed-fish 请新开一个issue提问哦，要不大志哥是不方便回答的，快哭了

[yuankaihui]

这种类型的底图需要怎么接入呀