How to show GoogleMap inside ConstraintLayout?

Question

I created a new project "MapsActivity". I got my API key from Google, placed the API key in google_maps_API.xml(debug) inside the YOUR_KEY_HERE area. I see in AndroidManifest it's there. Then I go to build/run the app and it crashes.

I didn't even code anything yet.

According to Android Monitor here's the crash report:

 Caused by: java.lang.NullPointerException: Attempt to invoke virtual method 'void com.google.android.gms.maps.SupportMapFragment.getMapAsync(com.google.android.gms.maps.OnMapReadyCallback)' on a null object reference
                                                 at com.example.mikedouglas.maps.MapsActivity.onCreate(MapsActivity.java:24)

So I click on the MapsActivity.java:24 and it takes me to the following:

[![enter image description here][1]][1]

Remember, I didn't touch any code yet, just created this new project, only added the API key where I was supposed to and clicked build/run and then it crashes. This is all Google created code that crashes.

I looked on StackOverflow and tried changing from getSupportFragmentManager to getChildFragmentManager as people say and it doesn't work.

activity_maps.xml file:

<android.support.constraint.ConstraintLayout      xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/map"
android:name="com.google.android.gms.maps.SupportMapFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.mikedouglas.maps.MapsActivity" />

What's wrong? What do I have to change?

EDIT:

A tag allows a layout file to dynamically include different layouts at runtime. At layout editing time the specific layout be used is no known. You can choose which layout you would like previewed while editing the layout.

< fragment com.google.android.gms.maps.SupportMapFragment...> (Pick Layout)

Show what you have in `activity_maps.xml` (as text, not an image) — Daniel Nugent, Nov 07 '17 at 20:38
I think you're looking for android:name="com.google.android.gms.maps.SupportMapFragment" in the xml file. — iBEK, Nov 07 '17 at 20:39
I only changed from fragment to ConstraintLayout in activity_maps.xml text because I use ConstraintLayout for all my XML files. — iBEK, Nov 07 '17 at 20:45

Daniel Nugent · Accepted Answer · 2017-11-07T20:58:04.577

3

You need to put the Fragment inside the ConstraintLayout:

<android.support.constraint.ConstraintLayout      
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:map="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.mikedouglas.maps.MapsActivity">

    <fragment
        android:id="@+id/map"
        class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</android.support.constraint.ConstraintLayout>

edited Nov 07 '17 at 20:58

answered Nov 07 '17 at 20:46

Daniel Nugent

43,104
15
109
137

I get a new error with the fragment addition, I edited below in code below the "EDIT". What can I do to eliminate that? – iBEK Nov 07 '17 at 22:46
@iBEK That's just a rendering issue with Android Studio preview. Android Studio can't render a SupportMapFragment, see here: https://stackoverflow.com/questions/23898992/android-studio-google-map-v2-fragment-rendering You can just ignore it, as everything will display properly when the app is running. – Daniel Nugent Nov 07 '17 at 23:06
How come my emulator doesn't display the map? – iBEK Nov 07 '17 at 23:59
@iBEK mm, to show GoogleMaps on enumators, you should download the SDK image that containts google apis. check this -> https://developer.android.com/studio/run/emulator – Marlon López Jun 02 '19 at 20:33

How to show GoogleMap inside ConstraintLayout?

1 Answers1

Linked