Javascript 是否可以隐藏谷歌地图，但保留搜索栏？

我正在尝试创建一个只有一个搜索栏的主页，这是一个GooglePlaces搜索栏。然后，我想在下一页显示谷歌地图结果以及他们搜索的城市

我只找到了如何隐藏谷歌地图的搜索框和用户界面的例子

---

是否有一种方法可以使用google maps&places api，但不隐藏地图并保留搜索框中的搜索功能？

您可以将自动完成搜索栏与地图分开

见：

---

您不需要

google.maps.Map

对象来使用

代码片段：

函数initAutocomplete（）{
//创建搜索框并将其链接到UI元素。
var input=document.getElementById（'pac-input'）；
var searchBox=newgoogle.maps.places.searchBox（输入）；
}

html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#pac输入{
背景色：#fff；
字体系列：Roboto；
字体大小：15px；
字体大小：300；
左边距：12px；
填充：0 11px 0 13px；
文本溢出：省略号；
宽度：300px；
}
#pac输入：焦点{
边框颜色：#4d90fe；
}
.pac集装箱{
字体系列：Roboto；
}
#类型选择器{
颜色：#fff；
背景色：#4d90fe；
填充：5px11px 0px 11px；
}
#类型选择器标签{
字体系列：Roboto；
字体大小：13px；
字体大小：300；
}
#目标{
宽度：345px；
}

您可以使用display:none吗？搜索框不需要

google.maps.Map

。谢谢。我想我是想得太多了。

var defaultBounds = new google.maps.LatLngBounds(
  new google.maps.LatLng(-33.8902, 151.1759),
  new google.maps.LatLng(-33.8474, 151.2631));

var input = document.getElementById('searchTextField');
var options = {
  bounds: defaultBounds,
  types: ['places']
};

autocomplete = new google.maps.places.Autocomplete(input, options);