未显示 Google 地图 SearchBox 建议

Question

我正在使用谷歌地图创建地图并让用户正常搜索位置，但我无法让建议下拉菜单出现。我正在使用的所有其他 Google 地图功能都可以正常工作。这是我的 Javascript 代码：

newItemMap = new google.maps.Map(document.getElementById(newItemMapDivId), {
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 15,
        draggable: true
    });

    var input = document.getElementById(newItemSearchBoxId);


    try {
        newSearchBox = new google.maps.places.SearchBox(input);
    } catch (e) {
        console.log(e);
    }

    newItemMap.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

搜索框、地图和控件出现并且运行良好。除了当我在搜索框输入中键入时，什么都没有发生。我期待出现建议下拉菜单。我尝试过更改 Google Maps API 版本、不同的 z 索引并在输入中移动，但建议下拉菜单不会出现。我不知道为什么，任何帮助表示赞赏！我在我的谷歌云中激活了两个地方和地理编码。我在控制台中没有收到任何错误。主要的托管技术是 Blazor Server。

Answer 1

原来是 z-index 有问题。我使用的组件有一些脚本总是把自己放在最高的 z-index 上。