Я настроил свой код, как в примере, показанном на веб-сайте React-google-maps:
https://visgl.github.io/react-google-ma ... tocopletee brybr/> my wress atehp ate the view spectore speector-speepport. Элемент отображается в полноэкранном наложении, и, поскольку я делаю мобильное приложение, поле ввода скрывается на выемке телефона. Смотрите скриншоты
Как вы создаете это полноэкранное наложение так, чтобы у него было правильное заполнение. Также есть способ отключить эту полноэкранную функцию? Настройка с фактическим элементом GMP. < /p>
Вот мой код: < /p>
Код: Выделить всё
export default function LocationPickerMap() {
useEffect(() => {
//without it the gmp-place-autocomplete won't work
google.maps.importLibrary("places");
}, []);
return (
);
}
declare module "react" {
namespace JSX {
interface IntrinsicElements {
"gmp-place-autocomplete": React.DetailedHTMLProps<
React.HTMLAttributes,
google.maps.places.PlaceAutocompleteElement
>;
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/797 ... oogle-maps
Мобильная версия