ios - Google マップ GMSMapView をメインメインビューのサブビューに配置できませんか?

Question

私はこの問題に苦労しています！のメインの一部に過ぎないGoogle マップGMSMapViewをUIViewUIViewViewController

シンプルなはずなのに… 絵コンテで作りUIViewたいサイズでメインに入れてみましたUIView。

インターフェイスファイルの抜粋:

@interface MapViewController : UIViewController <CLLocationManagerDelegate>

@property(nonatomic) IBOutlet GMSMapView *mapView;

UIViewmain 内でこれにリンクされた mapView を使用しUIViewます。

実装で私がすること:

@synthesize mapView = _mapView;

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                            longitude:151.2086
                                                                 zoom:10];
    _mapView = [GMSMapView mapWithFrame:_mapView.bounds camera:camera];
    _mapView.myLocationEnabled = YES;

}

これはうまくいくはずですよね？私が得るのは、内部の UIView が空であることです。

Google のスターティングガイドGoogle Map Integration Documentに従ってマップをインスタンス化すると、機能しますが、マップが MAIN UIView に割り当てられ、それは別のことです。

ストーリーボードの mapView のクラスをからに変更してみましUIViewたGMSMapView。マップは内側のビューに表示されますが、奇妙な方法で初期化されています

というエラーをスローするシステム

「完全なフレームバッファの作成に失敗しました」

ビューの読み込みが大幅に遅くなります（シミュレーターでは2〜3秒かかります）

viewDidLoadメソッドで行われたカメラの変更にマップが応答しません。

助言がありますか？

ここで StackOverflow に関するいくつかの投稿を読みましたが、有効な解決策が見つかりませんでした:(

score 85 · Accepted Answer

他の回答に基づいて、実際に機能する 3 つの方法を次に示します。

XIB にビューを配置し、そのクラスを XIB ビルダーで GMSMapView に変更します。以下の *map1 を参照してください。または...
すべてをコーディングします。メインビューのサブビューとしてマップを追加します。以下の *map2 を参照してください。または...
アウトレットを持つ XIB に既にある別のサブビューのサブビューとしてマップを追加します。*下のmap3。

.h

@interface GPViewController : UIViewController
@property (strong, nonatomic) IBOutlet GMSMapView *map1;
@property (strong, nonatomic) IBOutlet UIView *plainViewOnXIBHoldsMap3;
@end

.m

- (void)viewDidLoad{
    [super viewDidLoad];
    GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.0
                                                        longitude:151.20
                                                             zoom:6];

    /* Option 1. view on XIB is class GSMMapView */
    self.map1.camera = camera;

    /* Option 2. add a map as a subview */
    GMSMapView *map2 = [GMSMapView mapWithFrame:CGRectMake(0, 0, 100, 100) camera:camera];
    [self.view addSubview:map2];

    /* Option 3. add a map to a subview already on the XIB */
    GMSMapView *map3 = [GMSMapView mapWithFrame:self.plainViewOnXIBHoldsMap3.bounds camera:camera];
    [self.plainViewOnXIBHoldsMap addSubview:map3];
}

score 23 · Accepted Answer

cloudsurfinが提供する 3 つのオプションすべてをチェックアウトして、Swift 2.0 で作業を開始します。Swift 2.0 で同じ問題に直面した人のために、彼の答えを翻訳します。

オプション 1 - ビューをXIBに置き、そのクラスを XIB ビルダーで GMSMapView に変更します。

オプション 2 - すべてをコーディングします。メインビューのサブビューとしてマップを追加します。

オプション 3 - 既存の UIView サブビューの GMSMapView サブビューとしてマップを追加します。

Option1 のXIBでの準備の説明:

1) ビューのクラスを設定します。

GMSMapView マーク

2) ビューをコードのアウトレットに接続することを忘れないでください:

ビューとコンセントの接続

import UIKit
import GoogleMaps

class MapViewController: UIViewController {

    @IBOutlet weak var map1 : GMSMapView!

    @IBOutlet weak var map3 : UIView!

    override func viewDidLoad() {
        super.viewDidLoad()

        let camera = GMSCameraPosition.cameraWithLatitude(53.9,
        longitude: 27.5667, zoom: 6)

        // Option 1. view on XIB is class GSMMapView
        self.map1.camera = camera;

        // Option 2. add a map as a subview
        let map2 = GMSMapView.mapWithFrame(CGRectMake(0, 64, 320, 460), camera:camera)
        self.view.addSubview(map2)

        // Option 3. add a map to a subview of UIView class that is already on the XIB
        let map3 = GMSMapView.mapWithFrame(self.plainViewOnXIBHoldsMap3.bounds, camera:camera)
        self.plainViewOnXIBHoldsMap3.addSubview(map3)
    }
}

このメモが誰かに役立つことを願っています:)

score 19 · Accepted Answer

私の提案:

GMSMapView ではなく、UIView インスタンス変数として、ストーリーボードから UIView をヘッダーファイルにリンクします。
mapWithFrame:camera: メソッドを変更して、リンクされた UIView の境界に設定します
viewDidLoad: メソッドの最後で、UIView インスタンス変数を GMSMapView に設定するか、サブビューを追加します。私もこれで問題を抱えていましたが、これをいじると通常はうまくいきます。

.h

@interface MapViewController: UIViewController <CLLocationManagerDelegate>
{
    IBOutlet UIView *mapViewOnSreen;
}

.m

- (void)viewDidLoad
{
    [super viewDidLoad];

    // Do any additional setup after loading the view.
    GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                                longitude:151.2086
                                                                     zoom:10];
    _mapView = [GMSMapView mapWithFrame:mapViewOnScreen.bounds camera:camera];
    _mapView.myLocationEnabled = YES;

    mapViewOnScreen = _mapView
    //OR [self.view addSubview:_mapView];
    //OR [mapViewOnScreen addSubview:_mapView];   <--This worked for me
}

*編集: IB を使用して、メインビュー内に小さな UIView を作成しました。リストされた手順に従い、 [mapViewOnScreen addSubview:_mapView]; を設定すると、小さな UIView 内にマップを表示できました。

score 10 · Accepted Answer

次の行を追加するのを忘れたという理由だけで、黒い画面が表示されました。

[super loadView];

score 8 · Accepted Answer

Swift 3 の場合、サブクラス化する場合はGMSMapView

ストーリーボードに追加UIViewするUIViewController

GMSMapView代わりにクラスを変更しますUiView

UIViewControllerクラスで参照を作成する
```
@IBOutlet weak var mapView: GMSMapView!
```
GMSMapView.map(withFrame: CGRect.zero, camera: camera)サブクラス化しているため、ドキュメントに記載されているものを使用する必要はありません。次のようにマップをロードするだけです
```
    let camera = GMSCameraPosition.camera(withLatitude: 51.50, longitude: -0.076, zoom: 10.0)
    mapView.camera = camera
```

マーカーを追加するには

let marker = GMSMarker()
marker.position = CLLocationCoordinate2D(latitude: 51.50, longitude: -0.076)
marker.title = "London"
marker.snippet = "UK"
marker.map = mapView

機能として一緒に

override func viewDidLoad() {
super.viewDidLoad()

  load()
}

func load() {
  //map
  let camera = GMSCameraPosition.camera(withLatitude: 51.50, longitude: -0.076, zoom: 10.0)
  mapView.camera = camera

  //marker
  let marker = GMSMarker()
  marker.position = CLLocationCoordinate2D(latitude: 51.50, longitude: -0.076)
  marker.title = "London"
  marker.snippet = "UK"
  marker.map = mapView
}

score 7 · Accepted Answer

これを機能させるために約30分を費やした後、間違った方法でそれを行っていることがわかりました. Google のはじめにの例では、(void)loadView に配置するように指示されていますが、そうすると、黒い画面または全画面のマップが表示されます。- (void)viewDidLoad に入れる必要があります。その後、動作します。

score 1 · Accepted Answer

ID インスペクターで UIVIEW クラスを GMSMapView に設定します。

それから IBOutlet を作成します:D そして、それはうまくいきます:P

score 0 · Accepted Answer

2017年9月のSwiftのGoogleチュートリアルに従う

このようにviewDidLoadにコードを入れて修正しました

var mapView: GMSMapView!

override func viewDidLoad() {
    super.viewDidLoad()

    // Create a GMSCameraPosition to display the initial center of the map
    let camera = GMSCameraPosition.camera(withLatitude: 23.885942, longitude: 45.079162, zoom: 5.1)

    // Set the frame size , don't forget to replace "<CustomFrame>" with the required frame size
    mapView = GMSMapView.map(withFrame: "<CustomFrame>", camera: camera)

    // Add the map to any view here 
    view.addSubview(mapView)  //or customView.addSubview(mapView)
}

ios - Google マップ GMSMapView をメイン メイン ビューのサブビューに配置できませんか?

10 に答える 10

Related

Reference

ios - Google マップ GMSMapView をメインメインビューのサブビューに配置できませんか?