如何在Popup弹窗中嵌入Google Maps视图？

嘿，我来帮你搞定在弹窗Activity里嵌入Google Maps的问题！你已经做好了透明背景的弹窗，这步很棒，接下来咱们一步步来实现地图嵌入：

首先，先确保你的项目已经配置好Google Maps的基础依赖：

• 在模块级的build.gradle（或build.gradle.kts）中添加Maps SDK依赖：

  dependencies {
      implementation 'com.google.android.gms:play-services-maps:18.2.0' // 建议使用最新稳定版本
  }
  

• 在AndroidManifest.xml中配置API密钥及必要权限：

  <meta-data
      android:name="com.google.android.geo.API_KEY"
      android:value="你的Google Maps API密钥"/>
  <!-- 如需获取用户位置，添加以下权限 -->
  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
  

接下来，给pop2 Activity创建适配弹窗的布局（比如activity_pop2.xml），嵌入MapView：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:padding="16dp">

    <!-- 可自定义MapView的宽高，适配弹窗尺寸 -->
    <com.google.android.gms.maps.MapView
        android:id="@+id/map_view"
        android:layout_width="320dp"
        android:layout_height="320dp"
        android:layout_gravity="center"
        android:background="@drawable/rounded_corner_bg" /> <!-- 可选：添加圆角背景优化弹窗视觉 -->

</LinearLayout>

然后，在pop2 Activity中严格处理MapView的生命周期（这是地图正常加载的关键）：

public class pop2 extends Activity implements OnMapReadyCallback {

    private MapView mMapView;
    private GoogleMap mGoogleMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pop2);

        // 初始化MapView并绑定地图回调
        mMapView = findViewById(R.id.map_view);
        mMapView.onCreate(savedInstanceState);
        mMapView.getMapAsync(this);
    }

    @Override
    public void onMapReady(GoogleMap googleMap) {
        mGoogleMap = googleMap;
        // 这里可以自定义地图行为，比如添加标记、定位到指定坐标
        LatLng targetLocation = new LatLng(39.9042, 116.4074); // 示例：北京坐标
        mGoogleMap.addMarker(new MarkerOptions().position(targetLocation).title("目标位置"));
        mGoogleMap.moveCamera(CameraUpdateFactory.newLatLngZoom(targetLocation, 12));
    }

    // 必须同步MapView与Activity的生命周期方法，否则地图易崩溃或加载失败
    @Override
    protected void onResume() {
        super.onResume();
        mMapView.onResume();
    }

    @Override
    protected void onPause() {
        super.onPause();
        mMapView.onPause();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mMapView.onDestroy();
    }

    @Override
    public void onLowMemory() {
        super.onLowMemory();
        mMapView.onLowMemory();
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        mMapView.onSaveInstanceState(outState);
    }
}

最后，确认弹窗Activity的主题兼容：

• 保留你之前的透明主题，同时确保窗口属性适配浮动弹窗，在AndroidManifest.xml中配置：

<activity android:name=".pop2"
    android:theme="@style/TransparentPopupTheme"
    android:launchMode="singleInstance"
    android:windowSoftInputMode="adjustResize">
</activity>

对应的主题样式（styles.xml中）：

<style name="TransparentPopupTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:backgroundDimEnabled">true</item> <!-- 可选：添加背景变暗效果 -->
</style>

避坑提醒 #

• 确保Google Cloud控制台已启用Maps SDK for Android，且API密钥无使用限制
• 如需显示用户当前位置，记得动态申请位置权限，否则地图无法定位
• 不要遗漏MapView的任何生命周期方法，这是地图稳定运行的核心

内容的提问来源于stack exchange，提问作者Brad Waterhouse