Google のMaps Static API を使用してUnity Editor上で地図を表示してみる。
１．環境 PC MacBook Air M1
Unity バージョン：2019.4.20f1
２．コード全容
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.Networking;
public class GoogleMapTile : MonoBehaviour
{
string API_KEY = "自分のAPIキー" ;
string STATIC_MAP_URL = "https://maps.googleapis.com/maps/api/staticmap?" ;
public string center = "" ;
public string zoom = "" ;
public int size;
public string maptype = "" ;
public string markers = "" ;
public string format = "" ;
public string sensor = "" ;
public float longitude ;
public float latitude;
void Start()
{
StartCoroutine(getStaticMap());
}
void Update()
{
}
IEnumerator getStaticMap()
{
var req = UnityWebRequestTexture.GetTexture(STATIC_MAP_URL +
"center=" + longitude + "," + latitude +
"&zoom=" + zoom +
"&format=" + format +
"&sensor=" + sensor +
"&size=" + size + "x" + size +
"&maptype=" + maptype +
"&key=" + API_KEY);
yield return req.SendWebRequest();
if (req.error == null )
{
GetComponent<Renderer>().material.mainTexture = ((DownloadHandlerTexture)req.downloadHandler).texture;
}
}
}
３．実行結果 なぜかデフォルトだと地図が180度回転して表示されるため、InspectorウィンドウでTransform.Rotation.Yを180に設定している。Transform.Position.Yを10に設定しているのは地図を大きく見せるため。スクリプト が複数あるが1つあればいい。
キャプチャ1
スクリプト 内でpublic宣言した変数はInspectorウィンドウで任意のパラメータを設定することができる(赤枠内)。
キャプチャ2
４．コード解説 ポイントの部分だけをかいつまんで解説する。
URLの指定 Google Maps Static API の利用にはGoogle Cloud Platform(GCP )へのアカウント登録が必要である。登録後、自分のAPI キーを確認し、API _KEYの部分に代入する。
string API_KEY = "自分のAPIキー" ;
string STATIC_MAP_URL = "https://maps.googleapis.com/maps/api/staticmap?" ;
経度・緯度について 経度、緯度はcenterの値として使用する。地図の取得には経度、緯度の情報が必要不可欠である。今回はGoogle Maps API Staticmap公式ページの経度37、緯度-122をそのまま使用した(面倒だから小数点以下は切り捨てた)。
public float longitude ;
public float latitude;
非同期処理での実行 StartCoroutine(class in UnityEngine.MonoBehaviour)：Unityの公式Scripting API
StartCoroutine(getStaticMap());
リクエス トの定義 UnityWebRequestTexture(class in UnityEngine.Networking)：Unityの公式Scripting API
var req = UnityWebRequestTexture.GetTexture(STATIC_MAP_URL +
"center=" + longitude + "," + latitude +
"&zoom=" + zoom +
"&format=" + format +
"&sensor=" + sensor +
"&size=" + size + "x" + size +
"&maptype=" + maptype +
"&key=" + API_KEY);
取得した画像をタイルテクスチャに設定 GameObject.GetComponent：Unityの公式Scripting API スクリプト がアタッチされているゲームオブジェクトのコンポーネント (Inspectorに表示される各種設定)を取得。今回はPlaneにWEBリクエス トで取得した画像をタイルテクスチャとして設定する。
GetComponent<Renderer>().material.mainTexture = ((DownloadHandlerTexture)req.downloadHandler).texture;
本来は位置情報を組み合わせてユーザの位置とともに地図を更新する処理を組みたいところだが、なかなか難易度が高く、まずは固定地図の表示ということでやってみた。
以上
