[Android]GoogleMapsをFragmentに実装する方法について。

Question

前提・実現したいこと

android studioでアプリ開発を行っています。
全くの初心者で、頓珍漢な質問をしているかもしれませんが解答いただけるとありがたいです。

##作ろうとしているアプリの概要

下部ナビゲーションアクティビティをもとにボタンの一つにGoogleMapを表示するというものです。
マップ上で、特定の複数個所にピンを立てる処理を行います。jsonファイルに緯度、経度を保存し、読み込んでピンを立てるというものです。

##現状
map単体では表示することができ、jsonファイルを読み込んでピンを立てる処理も完成しています。

発生している問題・エラーメッセージ

ただ、下部ナビゲーションアクティビティに埋め込み該当のボタンをクリックすると、アプリがクラッシュしてしまいます。ログを見たところ、NullPointerExceptionとなっており、該当の個所をNull許容型に変更しなおして起動したところ、起動はしますが、mapは表示されず、真っ白な画面が表示されるという状況です。デフォルトで用意されている下部ナビゲーションアクティビティをそのまま利用しようと考えているので、コード以外はほとんど変更しておりません。

E/AndroidRuntime: FATAL EXCEPTION: main
    Process: com.example.machinori, PID: 17107
    java.lang.NullPointerException: null cannot be cast to non-null type com.google.android.gms.maps.SupportMapFragment
        at com.example.machinori.ui.dashboard.DashboardFragment.onViewCreated(DashboardFragment.kt:41)
        at androidx.fragment.app.Fragment.performViewCreated(Fragment.java:2987)
        at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:546)
        at androidx.fragment.app.FragmentStateManager.moveToExpectedState(FragmentStateManager.java:282)
        at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:2189)
        at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:2106)
        at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:2002)
        at androidx.fragment.app.FragmentManager$5.run(FragmentManager.java:524)
        at android.os.Handler.handleCallback(Handler.java:938)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:223)
        at android.app.ActivityThread.main(ActivityThread.java:7943)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:603)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)

該当のソースコード

package com.example.machinori.ui.dashboard

import android.os.Bundle
import android.util.Log
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.example.machinori.R
import com.google.android.gms.maps.CameraUpdateFactory
import com.google.android.gms.maps.GoogleMap
import com.google.android.gms.maps.OnMapReadyCallback
import com.google.android.gms.maps.SupportMapFragment
import com.google.android.gms.maps.model.BitmapDescriptorFactory
import com.google.android.gms.maps.model.LatLng
import com.google.android.gms.maps.model.MarkerOptions
import org.json.JSONException
import org.json.JSONObject
import java.io.BufferedReader
import java.io.IOException
import java.io.InputStreamReader
import androidx.fragment.app.Fragment

class DashboardFragment : Fragment(), OnMapReadyCallback {

    private lateinit var mMap: GoogleMap

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        requireActivity().setTitle(R.string.title_dashboard)
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_dashboard, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        val mapFragment = childFragmentManager.findFragmentById(R.id.text_dashboard) as SupportMapFragment

        mapFragment.getMapAsync(this)
    }





    override fun onMapReady(googleMap: GoogleMap) {
        mMap = googleMap

        try {
            val data = parseJson("Machinori.json")
            val jsonObj = data.getJSONArray("Machinori")
            var cnt = 0
            for (i in 0 until jsonObj.length()) {
                val central = jsonObj.getJSONObject(i)
                val port = Port(central)
                googleMap.addMarker(
                    MarkerOptions()
                        .title(port.location)
                        .zIndex(10f)
                        .position(LatLng(port.lat, port.lng))
                        .icon(BitmapDescriptorFactory.fromResource(R.drawable.baseline_directions_bike_black_18))
                )
                cnt++
                Log.d("debug", cnt.toString())
            }
        } catch (e: IOException) {
            e.printStackTrace()
        } catch (e: JSONException) {
            e.printStackTrace()
        }
        val kanazawa = LatLng(36.5757632, 136.6372995)
        mMap.moveCamera(CameraUpdateFactory.newLatLng(kanazawa))
    }


    class Port(json: JSONObject) {
        var id: Int
        var location: String
        var lat: Double
        var lng: Double

        init {
            id = json.getInt("id")
            location = json.getString("name")
            lat = json.getDouble("lat")
            lng = json.getDouble("lng")
        }
    }

    @Throws(JSONException::class, IOException::class)
    private fun parseJson(file: String): JSONObject {
        val assetManager = resources.assets
        val inputStream= assetManager.open("Machinori.json")
        val bufferedReader = BufferedReader(InputStreamReader(inputStream))
        var json: JSONObject? = null
        var data: String? = ""
        var str = bufferedReader.readLine()
        while (str != null) {
            data += str
            str = bufferedReader.readLine()
        }
        json = JSONObject(data)
        inputStream.close()
        bufferedReader.close()
        return json
    }
}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="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=".ui.dashboard.DashboardFragment">

    <com.google.android.gms.maps.MapView
        android:id="@+id/text_dashboard"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:textAlignment="center"
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:defaultNavHost="true"
        app:navGraph="@navigation/mobile_navigation"/>


</androidx.constraintlayout.widget.ConstraintLayout>

試したこと

MapViewをfragmentに実装する方法をいろいろ調べて試行錯誤してみたのですが、うまく実装できなかったので、どなたかわかる方教えていただけるとありがたいです。

補足情報（FW/ツールのバージョンなど）

<開発環境>
Android Studio Arctic Fox | 2020.3.1 Patch 2
Build #AI-203.7717.56.2031.7678000, built on August 27, 2021
ランタイム・バージョン: 11.0.10+0-b96-7249189 amd64
VM: OpenJDK 64-Bit Server VM by Oracle Corporation
Windows 10 10.0
GC: G1 Young Generation, G1 Old Generation
Memory: 1280M
Cores: 8
Registry: external.system.auto.import.disabled=true
Non-Bundled Plugins: org.jetbrains.kotlin

Comments

[jimbe]

> MapViewをfragmentに実装する方法をいろいろ調べて試行錯誤してみた
具体的に、どのような情報元を御覧になって、どのようにしてみてどうだったのでしょうか。

また、
>map単体では表示することができ
と言われる単体の時のコードから現在のコードへは何処が変わったでしょうか。

[naoyuki-0920]

もともとMapsActivityでアプリ起動と同時にマップを生成するプログラムでしたので、onCreateViewやonViewCreatedなどは作成せず、onCreateを使用しておりました。また、Fragment()ではなく、AppCompatActivity()を継承していました。
情報としましては、
https://qiita.com/outerlet/items/36a9152c1cce46a9cfa6
https://teratail.com/questions/265715
こちらなどを参照しました。

[jimbe]

qiita の記事では ライフサイクルに関する各メソッドで MapView の対応メソッドを呼ばなければならないとされていますが、ご提示のコードでは全くありません。
それは何故でしょうか。

公式の情報としましては以下となります。
[MapView](https://developers.google.com/maps/documentation/android-sdk/reference/com/google/android/libraries/maps/MapView )
> このクラスのユーザーは、このビューから、Activityまたは Fragmentこのビューを含むすべてのライフサイクルメソッドを、このクラスの対応するメソッドに転送する必要があります。 ～ (google翻訳)

[naoyuki-0920]

なるほど。
では先ほど掲示させていただいたQiitaの記事にある２．Fragmentの作成にあるメソッドをすべて記述する必要があるのでしょうか。

[jimbe]

「全くの初心者」を自認されるのでしたら、まずは記事通りにやってみてから弄るほうが良いと思います。分からないままテキトウにやって動作しないのでは勉強にもなりません。
ただネットの記事はバージョンアップにより古くなっている場合もありますので、ご自身の環境(大抵は所謂最新)にあっているかを確認するためにも公式も見て、違っていれば公式の情報を優先されたほうが良いでしょう。

[naoyuki-0920]

やっと解決することができましたー！！
ありがとうございました

[jimbe]

おめでとうございます^^

Answer 1

package com.example.machinori.ui.dashboard

import android.os.Bundle
import android.util.Log
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.google.android.gms.maps.model.BitmapDescriptorFactory
import com.google.android.gms.maps.model.LatLng
import com.google.android.gms.maps.model.MarkerOptions
import org.json.JSONException
import org.json.JSONObject
import java.io.BufferedReader
import java.io.IOException
import java.io.InputStreamReader
import androidx.fragment.app.Fragment
import com.example.machinori.R
import com.google.android.gms.maps.*


class DashboardFragment : Fragment(), OnMapReadyCallback {

    private lateinit var mMap: GoogleMap
    private lateinit var mapView: MapView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        requireActivity().setTitle(R.string.title_dashboard)
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val root= inflater.inflate(R.layout.fragment_dashboard, container, false)
        mapView= root.findViewById(R.id.text_dashboard) as MapView
        if (mapView != null) {
            mapView!!.onCreate(null);
            mapView!!.onResume();
            mapView!!.getMapAsync(this);
        }
        return root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        val mapFragment = childFragmentManager.findFragmentById(R.id.text_dashboard) as? SupportMapFragment
        mapFragment?.getMapAsync(this)
    }

    override fun onResume() {
        super.onResume()
        mapView.onResume()
    }
    override fun onPause() {
        super.onPause()
        mapView.onPause()
    }
    override fun onStart() {
        super.onStart()
        mapView.onStart()
    }
    override fun onStop() {
        super.onStop()
        mapView.onStop()
    }
    override fun onDestroy() {
        super.onDestroy()
        mapView.onDestroy()
    }
    override fun onLowMemory() {
        super.onLowMemory()
        mapView.onLowMemory()
    }

    override fun onMapReady(googleMap: GoogleMap) {
        mMap = googleMap

        try {
            val data = parseJson("Machinori.json")
            val jsonObj = data.getJSONArray("Machinori")
            var cnt = 0
            for (i in 0 until jsonObj.length()) {
                val central = jsonObj.getJSONObject(i)
                val port = Port(central)
                googleMap.addMarker(
                    MarkerOptions()
                        .title(port.location)
                        .zIndex(10f)
                        .position(LatLng(port.lat, port.lng))
                        .icon(BitmapDescriptorFactory.fromResource(com.example.machinori.R.drawable.baseline_directions_bike_black_18))
                )
                cnt++
                Log.d("debug", cnt.toString())
            }
        } catch (e: IOException) {
            e.printStackTrace()
        } catch (e: JSONException) {
            e.printStackTrace()
        }
        val kanazawa = LatLng(36.5757632, 136.6372995)
        mMap.moveCamera(CameraUpdateFactory.newLatLng(kanazawa))
    }

    class Port(json: JSONObject) {
        var id: Int
        var location: String
        var lat: Double
        var lng: Double

        init {
            id = json.getInt("id")
            location = json.getString("name")
            lat = json.getDouble("lat")
            lng = json.getDouble("lng")
        }
    }

    @Throws(JSONException::class, IOException::class)
    private fun parseJson(file: String): JSONObject {
        val assetManager = resources.assets
        val inputStream= assetManager.open("Machinori.json")
        val bufferedReader = BufferedReader(InputStreamReader(inputStream))
        var json: JSONObject? = null
        var data: String? = ""
        var str = bufferedReader.readLine()
        while (str != null) {
            data += str
            str = bufferedReader.readLine()
        }
        json = JSONObject(data)
        inputStream.close()
        bufferedReader.close()
        return json
    }
}