如何更改 Mapbox Geocoder 搜索栏的大小？答案

【问题标题】：How to Change Mapbox Geocoder Search bar size?如何更改 Mapbox Geocoder 搜索栏的大小？
【发布时间】：2018-11-09 19:22:13
【问题描述】：

我已经添加了地理编码搜索选项卡。

map.addControl(new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
bbox: [-74.390249, 40.414685, -73.519390, 40.976805] ,
zoom: 15,}));

我还尝试创建一个名为 geocoder 的变量，并通过 CSS 尝试设置样式，但没有成功。我的 CSS 文件引用了 HTML 和 js 文件。我相信这应该很容易解决。希望我能得到一些帮助。

var geocoder = map.addControl(new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
bbox: [-74.390249, 40.414685, -73.519390, 40.976805] ,
zoom: 15,}));

【问题讨论】：

标签： javascript html size mapbox geocode

【解决方案1】：

.mapboxgl-ctrl-geocoder {
    width: 300px!important;
}

通过在我的 Angular 应用程序中放入 styles.scss 这对我有用。

【讨论】：

【解决方案2】：

为时已晚，但以输入为目标应该可以解决问题。

.mapboxgl-ctrl-geocoder--input {
   font-size: 300px;
}

【讨论】：