在网站嵌入MapBox iframe地图后如何隐藏搜索框

仅需修改iframe的src属性对应的URL配置即可，不需要额外编写JS或调整页面其他代码。

具体操作 #

根据当前iframe的src地址现有参数情况，追加对应配置：

• 如果src地址已经存在以?开头的查询参数，直接在末尾追加 &search=false
• 如果src地址没有任何查询参数，直接在地址末尾追加 ?search=false
  修改示例（地址为示意格式）：
  原地址：https://www.mapbox.com/embeds/v1/你的地图ID?center=116.4,39.9
  修改后地址：https://www.mapbox.com/embeds/v1/你的地图ID?center=116.4,39.9&search=false

进阶配置 #

如果需要同时调整其他UI控件的显示状态，可以使用controls参数枚举所有需要保留的控件，未列入的控件会自动隐藏，比如仅保留缩放、定位功能时追加参数：&controls=zoom,geolocate

该配置即时生效，不需要重新从Mapbox后台生成嵌入代码，也不需要修改其他页面逻辑。

内容的提问来源于stack exchange，提问作者Riccardo