Javascript 如何在搜索框中放置按钮

Javascript 如何在搜索框中放置按钮,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在尝试创建一个搜索框,里面的按钮是谷歌地图。对于搜索框,很容易通过以下方式创建。然而,我不知道如何添加一个菜单按钮,就像他们在谷歌地图上做的那样。有关更多详细信息,请参见下图。 谢谢 编辑:为了清楚起见,我指的是左边的菜单按钮,它位于搜索框内。它不是右侧的蓝色箭头按钮。将最后一行添加到示例中,以添加将显示在搜索框旁边的按钮。您需要编写一个函数,告诉按钮单击时要做什么 <body> <input id="pac-input" class="controls" type="t

我正在尝试创建一个搜索框,里面的按钮是谷歌地图。对于搜索框,很容易通过以下方式创建。然而,我不知道如何添加一个菜单按钮,就像他们在谷歌地图上做的那样。有关更多详细信息,请参见下图。 谢谢


编辑:为了清楚起见,我指的是左边的菜单按钮,它位于搜索框内。它不是右侧的蓝色箭头按钮。

将最后一行添加到示例中,以添加将显示在搜索框旁边的按钮。您需要编写一个函数,告诉按钮单击时要做什么

<body>
<input id="pac-input" class="controls" type="text" placeholder="Search Box"
<button onclick="doStuff()">Press to Search</button>


不幸的是,它不起作用。你能提供一个小提琴的实现吗?按钮被添加了。你需要做一个函数来告诉按钮该做什么。在上面的示例中,它将是一个名为“doStuff()”的函数。实际上,我指的是菜单按钮,单击该按钮时将显示隐藏的侧栏。它不是“箭头”按钮