一种方法是使用zIndex属性控制应用中元素的堆叠顺序。通过将模态的zIndex设置为高于Google Maps元素的zIndex的值，可以确保模态显示在Map顶部。
创建一个新的CSS类来设置模态的zIndex：

.my-modal {
  zIndex: 1000;
}

创建Google Maps组件时，将zIndex设置为低于模态的zIndex的值：

<GoogleMap
  ...
  style={{ zIndex: 900 }}
/>

将my-modal类应用于模态元素：

<IonModal
  ...
  className="my-modal"
>
  ...
</IonModal>

通过将GoogleMaps组件的zIndex设置为900，将modal组件的zIndex设置为1000，可以确保modal组件显示在Map的顶部，您可以根据需要调整这些值，以确保正确显示元素。