2013/03/19

ピンのアニメーション - [開発] - Google Maps SDK for iOS

Google Maps SDK for iOSを使用した場合、地図はもちろんGoogle Mapとなり、ピンもGoogle Mapのマーカーとなる。
Apple Mapのピン表示やアニメーションの方が使い心地がよく、iPhoneアプリらしいので、Google Maps SDKのマーカーをAppleのピンのようにしてみた。


Google Maps SDK for iOSが提供するGMSMarkerは、UIViewのサブクラスではないので、簡単にアニメーションができないようだ。
そこで今回は、無理矢理ではあるがGroundAnchorを利用して、マーカーの表示位置を細かく変化させることでパラパラアニメのようにピンの落下アニメーションを再現してみた。

以下のようにマーカーのGroundAnchorのY座標を変化させる。

// yyは動的に値が変化する変数
[marker setGroundAnchor:CGPointMake(0.255, yy)];

あとは、マーカーのInfoWindowもAppleのポップアップと同じものを表示するために、UIViewのカスタムサブクラスを作成し、マーカータップ時に表示させてあげれば完了。
以下の動画のようになる。


ピンのポップアップの表示に関しても、ピンから拡大表示されるアニメーションにしてあげれば、ほぼApple Mapと同じピン追加時の動作となる。

Google Maps SDK for iOSのマーカー、情報ウィンドウ表示については以下の過去記事を参考に。
マーカー(ピン)を表示する - [開発] - Google Maps SDK for iOS
GMSMapViewDelegate 一覧 - [開発] - Google Maps SDK for iOS

Related Posts Plugin for WordPress, Blogger...

1 件のコメント:

  1. Even although Super Slots casino has no devoted mobile app, find a way to|you probably can} nonetheless enjoy the on-line casino’s offerings via the mobile interface on your Android or iOS device. Crypto gamers can also max out their safety by collaborating within the giant menu of in all probability fair on-line slot machines, which are verified for equity by blockchain technology. Using our stringent ranking standards we’ve damaged 1xBet down not only the top on-line slots, but the best on-line slot casinos to play them at for recreation variety, bonuses, and rather more. There are a complete of 25 paylines, 5 reels, and {a variety of|quite a lot of|a big selection of} special features. You can land on scatter, activate multipliers, see wilds, and likewise trigger a round of free spins.

    返信削除