将占位符文本添加到新的 PlacesAutocompleteElement

Question

Google Places Autocomplete API 过去仅使用 作为搜索字段。 所以你只需添加即可。 现在，文档告诉您通过 javascript 将 元素附加到 HTML div 中。 我现在找不到添加占位符文本的方法。

这就是文档所说的：

 const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
 const ACDiv = document.getElementById("search-field")
 ACDiv.appendChild(placeAutocomplete);
 placeAutocomplete.id = "place-autocomplete-input";

我尝试过：

placeAutocomplete.placeholder = "Search"

placeAutocomplete.createPlaceholder("Search")

document.getElementById("place-autocomplete-input").placeholder = "Search

我在网上找不到任何与 NEW Places API 相关的内容。所以我想我一定错过了一些明显的东西。

我正在使用 JS 和 Django，如果这有什么区别的话。

Answer 1

要在 Maps JavaScript API 中使用自动完成（新），您可以使用 新的 放置自动完成小组件（预览版）。这提供了一个

<gmpx-place-picker>

标签，您可以在地点选取器配置器下的交互式演示中看到该标签的实际运行情况。