## はじめに
[前回の記事](https://haruton3301.com/articles/unity-mapbox-3d "https://haruton3301.com/articles/unity-mapbox-3d")でUnityにマップを召喚しました。

今回はその続きで、マップ上の任意の緯度経度の座標にオブジェクトを配置してみたいと思います。
マップを配置したところからスタートするのでお済みでない方は、先にそこまで進めてみてください。

## 検証環境
- 機種: MacBook Air(m1)
- OS: MacOS Monterey(12.3.1)
- メモリ: 8GB
- Unity: 2021.2.16f1(SILICON)
- mapbox-unity-sdk: v2.1.1

## プロジェクトの準備
[前回](https://haruton3301.com/articles/unity-mapbox-3d "https://haruton3301.com/articles/unity-mapbox-3d")のプロジェクトを使いますので、Unityで開いてください。

## 緯度経度をワールド座標に変換する
### スクリプト
まず、スクリプトを追加しましょう。名前は`MapboxLocation`とします。
緯度経度は、長崎市役所の座標にしています。
```cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Mapbox.Unity.Utilities;
using Mapbox.Unity.Map;
using Mapbox.Utils;

public class MapboxLocation : MonoBehaviour
{
    public AbstractMap map = null;

    void Start()
    {
        map.MapVisualizer.OnMapVisualizerStateChanged += (state) =>
        {
            if (state == ModuleState.Finished) {
                double lat = 32.7503353; // 緯度
                double lng = 129.8777355; // 経度

                Vector2d latlng = new Vector2d(lat, lng);

                Vector3 pos = map.GeoToWorldPosition(latlng);
                Debug.Log(pos);
            }
        };
    }

    void Update()
    {

    }
}
```

### スクリプトをアタッチ
スクリプトを適当なオブジェクトにアタッチして、マップのコンポーネントを入れます。

![マップボックスの緯度経度の設定](//images.ctfassets.net/p6xsvcchdqws/4fKIeXhXGmMXsiBF31bKA2/b9be000d23744a22ee41ead2ac7659f4/mapbox_location_set.png?fm=webp&q=50)

### 結果
実行すると画像のようにワールド座標を取得できました。

![mapbox-location-debug](//images.ctfassets.net/p6xsvcchdqws/5Bvb1hoZnahv7GJHJYJ312/3790e60187b2b94af2aab16e84957757/mapbox-location-debug.png?fm=webp&q=50)

## オブジェクトを配置する
### Cubeを配置する

検証用のオブジェクトを配置します。Sphereでも何でもいいですが、ここではCubeにします。

![キューブ（マップボックスローケーション）](//images.ctfassets.net/p6xsvcchdqws/4U4G4fZ19mwaXWB86h3Pvh/cc6d96fca688cb731fd3b419154f6061/mapbox-location-cube.png?fm=webp&q=50)

### スクリプトの改造

単純にCubeのPositionにワールド座標を代入するだけです。
コンパイルが済んだら、Cubeをスクリプトコンポーネントにアタッチしてください。

```cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Mapbox.Unity.Utilities;
using Mapbox.Unity.Map;
using Mapbox.Utils;

public class MapboxLocation : MonoBehaviour
{
    public AbstractMap map = null;
    public GameObject cube = null;

    void Start()
    {
        map.MapVisualizer.OnMapVisualizerStateChanged += (state) =>
        {
            if (state == ModuleState.Finished) {
                double lat = 32.7503353; // 緯度
                double lng = 129.8777355; // 経度

                Vector2d latlng = new Vector2d(lat, lng);

                Vector3 pos = map.GeoToWorldPosition(latlng);
                Debug.Log(pos);

                cube.transform.position = pos;
            }
        };
    }

    void Update()
    {

    }
}
```

### 結果
y座標をいじってないので埋もれていますが、指定した緯度経度にCubeが配置されていることがわかります。

![結果（キューブ）](//images.ctfassets.net/p6xsvcchdqws/4cPQdYOo7EDL3MTYp6uP8v/d33b70aaed756f263758f13e403fd5b6/mapbox-location-result.png?fm=webp&q=50)

## おわりに
Mapbox Unity SDKを使って、マップ上の指定した緯度経度にオブジェクトを配置してみました。
今回はCube１個だけでしたが、複数のオブジェクトに適用することも可能ですので、試してみて欲しいです。

それでは素敵なUnityライフをお過ごしください。

Mapbox Maps SDK for Unityで、マップ上の任意の緯度経度の座標にオブジェクトを配置してみたいと思います。

【Unity】Mapbox SDKでマップ上の任意の緯度経度の座標にオブジェクトを配置する

## はじめに
今回は、Mapbox Maps SDK for Unityというパッケージを使って、Unity上に3D地形マップを召喚してみます。
Mapboxは、さまざまなプラットフォームで利用できるマップAPIです。Google Mapsの有料化に伴って、近年勢いを増しているナウなマップAPIです。

そんなMapboxですが、なんとUnityにも対応しています。これは試してみないと！と思いました。

## 検証環境
- 機種: MacBook Air(m1)
- OS: MacOS Monterey(12.3.1)
- メモリ: 8GB
- Unity: 2021.2.16f1(SILICON)
- mapbox-unity-sdk: v2.1.1

## 事前準備
1. Mapboxのアカウントを[作成](https://www.mapbox.com/ "Mapbox公式")
2. Mapboxのアクセストークンを取得
3. mapbox-unity-sdkのパッケージを[ダウンロード](https://www.mapbox.com/install/unity/ "ダウンロードページ")
4. Unityで空の3Dプロジェクトを作成
## パッケージをインポートする
ダウンロードしたパッケージのファイルをダブルクリックして開きます。

![mapboxパッケージインポート（間違い）](//images.ctfassets.net/p6xsvcchdqws/2EnUnfn6RQFHI6tclHkRhS/02467d49038bace8650fd5758afe5564/mapbox_import_first.png?fm=webp&q=50)

と、このままインポートしたいところですが、エラーになります！

### エラー

```bash
Assets/GoogleARCore/SDK/InstantPreview/Scripts/InstantPreviewManager.cs(32,23): error CS0234: The type or namespace name 'SpatialTracking' does not exist in the namespace 'UnityEngine' (are you missing an assembly reference?)
Assets/GoogleARCore/SDK/Scripts/ARCoreBackgroundRenderer.cs(43,17): error CS0246: The type or namespace name 'ARBackgroundRenderer' could not be found (are you missing a using directive or an assembly reference?)
Assets/UnityARInterface/ARRemote/Scripts/ARRemoteEditorInterface.cs(40,17): error CS0246: The type or namespace name 'ARBackgroundRenderer' could not be found (are you missing a using directive or an assembly reference?)
Assets/UnityARInterface/Scripts/ARKitInterface.cs(26,17): error CS0246: The type or namespace name 'ARBackgroundRenderer' could not be found (are you missing a using directive or an assembly reference?)
Assets/UnityARInterface/Scripts/ARCoreInterface.cs(51,17): error CS0246: The type or namespace name 'ARBackgroundRenderer' could not be found (are you missing a using directive or an assembly reference?)
```

なんかARうんぬんのエラーが。。。

### 解決方法

パッケージをインポートするときに、ARっぽいモジュールを全て無効にします。

![mapboxパッケージインポート（正解）](//images.ctfassets.net/p6xsvcchdqws/4h0S0vQaqhJCK9YqmHxkDJ/6ee003e5b5650e1e966959f5da6e1c94/mapbox_import_second.png?fm=webp&q=50)

MapboxでARしたかった方すみません。根本的な解決方法はまた調査します。。

## セットアップ

インポート完了後、セットアップ画面が立ち上がります。
Mapboxのアクセストークンを入力欄に入れてSubmitをクリックしましょう。

設定が終わったらセットアップ画面は閉じてOKです。

![マップボックスのセットアップ](//images.ctfassets.net/p6xsvcchdqws/6I4gWVzzEUOJqJZmpjr9Vu/2fcba7a6d02b347c12a33131422ca22b/mapbox_setup.png?fm=webp&q=50)

## 普通のマップを召喚する
シーンは、元からある`Scenes/SampleScene`を使います。

最初に`Mapbox/Prefabs/Map`をシーンにドラッグして、プレハブのインスタンスを生成しましょう。

### 設定
マップの各種設定をしていきます。
#### General > Location
緯度経度を設定します。フォーマットは`緯度,経度`です。ここでは、長崎駅の`32.750297,129.870348`　にしました。
#### General >Zoom
ズームの度数です。ここでは、`13`にしました。
#### General >Extent Options, West, North, East, South
マップの広さです。ここでは、Extent Optionsをデフォルトの`Range Around Center`、東西南北それぞれを`5`にしました。
#### Image > Data Source
マップの見た目を変えられます。ここでは、`Mapbox Satellite`にしました。

現状のシーンを確認してみると、こんな感じになってます。

![マップボックスの例（平面）](//images.ctfassets.net/p6xsvcchdqws/4kbWvGE1gbGoan6he8pHPk/ea98d8b049615aeeea58cb101ef03442/mapbox_planemap.png?fm=webp&q=50)
## 3D地形マップを召喚する
### 設定
ここから地形を描画するように設定していきます。
#### Terrain > Elevation Layer Type
`Terrain With Elevation`に設定します。他にもLow Polyバージョン等も設定できます。
#### Terrain > Exggeration Factor
地形の標高の縮尺です。`1`に設定しました。
#### Terrain > Others > Sample Factor
サンプル数です。大きくする程、精度が高くなります。ここでは、`120`に設定しました。

下の画像のように、実際の地形を反映した３D地図を表示できました。

![mapbox_3dmap](//images.ctfassets.net/p6xsvcchdqws/3bhHX0m4chemVSf0G1n6nO/b1f13f32a9c146b03e22f981c7146e07/mapbox_3d_map.png?fm=webp&q=50)
### コライダーで当たり判定も追加できる
`Terrain > Add Collider`でマップにコライダーを追加できます。

こんな感じで、ボールが当たっているのがわかると思います。

![mapboxコライダー](//images.ctfassets.net/p6xsvcchdqws/3dXXfU9FxKoqzAjJaXjbue/ede0feca7352430392c4ab70585f77b5/movie_001.gif)
## おわりに
今回は、MapboxのUnity SDKを使って３D地形マップを召喚してみました。

コライダーも使えることから、かなり色々な応用ができると思います。
是非ゲーム開発などにご活用ください。

Mapbox Maps SDK for Unityというパッケージを使って、Unity上に3D地形マップを召喚してみます。

Mapbox

【Unity】Mapbox SDKでマップ上の任意の緯度経度の座標にオブジェクトを配置する

【Unity】Mapbox Maps SDK for Unityで3D地形マップを召喚する