Google MapのカスタムマーカーアイコンはSpriteで作れ
Google Mapのあの風船みたいなマーカーがダサいので、まずあれを何とかしようと思った。
カスタムアイコンはcom.google.maps.overlays.MarkerOptions.iconにDisplayObjectを設定すれば良い事がわかった。
DisplayObjectなので、静的な画像や図形である必要はなく、アニメーションするものも設定できる。今まで他では見た事ないけど、自分で実際にやってみたのでこれは確実。
Air/Flexで作るので、はじめはDisplyaObjectを継承するUIComponentでカスタムアイコンを作っていた。しかし実際に設定してみると、マーカーの中心とアイコンの中心がおかしくなる事がわかった。
そこで、Google Mapのサンプルと同様にSpriteで作ったらうまくいった。
カスタムアイコンはcom.google.maps.overlays.MarkerOptions.iconにDisplayObjectを設定すれば良い事がわかった。
DisplayObjectなので、静的な画像や図形である必要はなく、アニメーションするものも設定できる。今まで他では見た事ないけど、自分で実際にやってみたのでこれは確実。
Air/Flexで作るので、はじめはDisplyaObjectを継承するUIComponentでカスタムアイコンを作っていた。しかし実際に設定してみると、マーカーの中心とアイコンの中心がおかしくなる事がわかった。
そこで、Google Mapのサンプルと同様にSpriteで作ったらうまくいった。
コメント
コメントを投稿