mapbox中遇到的坑

位置搜索控件宽度调整无效果

  <script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.3.0/mapbox-gl-geocoder.min.js'>
  </script>
  <link rel='stylesheet'
    href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v4.3.0/mapbox-gl-geocoder.css'
    type='text/css' />


var geocoder = new MapboxGeocoder({
        accessToken: “自己的token”,
        mapboxgl: mapboxgl
      });

      document.getElementById("geocoder").appendChild(geocoder.onAdd(map));

解决方法：

给类“mapboxgl-ctrl-geocoder”添加“ min-width: 100%;”，就可以设置宽度了