[iPhoneアプリ開発]Yahoo!JAPANのiOS Map SDKを使って地図を表示する方法

0

Yahoo!JAPANが提供している地図をiPhoneアプリ内に組み込む処理を調べたので自分用にメモです。

手始めに、地図だけを表示するサンプルの作り方をご紹介します。

利用準備

まずは、必要なフレームワークをダウンロードします。

Yahooのデベロッパーネットワークから、YMapKitフレームワークをダウンロードします。
iOS Map SDK

同時に、アプリケーションIDを取得します。
Yahoo!デベロッパーネットワーク – アプリケーションの管理

※詳しくはYahooのデベロッパーネットワークのページが詳しいです。

Yahoo!デベロッパーネットワーク – YOLP(地図) - iOS Map SDK - 利用準備

開発してみる

まず、Single View Applicationを作成します。
20110116 01

最初に、YMapKitに必要な以下のフレームワークをプロジェクトに追加します。

20110116 02

必要なのは、以下になります。

UIKit.framework
SystemConfiguration.framework
CoreGraphics.framework
CoreLocation.framework
Foundation.framework
OpenGLES.framework
QuartzCore.framework
libxml2.2.dylib

コードの編集

ViewController.mにてライブラリを読み込む処理を追加します。

#import <YMapKit/YMapKit.h>

次に、ViewDidLoadを以下の内容で上書きします。


- (void)viewDidLoad {

    [super viewDidLoad];

    YMKMapView* ymapView = [[YMKMapView alloc] initWithFrame:CGRectMake(0, 100, 300, 300) appid:@"アプリケーションID" ];
    ymapView.mapType = YMKMapTypeStandard;
    CLLocationCoordinate2D coord = {.latitude =  35.178088, .longitude = 136.891022};
    YMKCoordinateSpan span = {.latitudeDelta =  0.02, .longitudeDelta =  0.02};
    YMKCoordinateRegion region = {coord,span};
    [ymapView setRegion:region];
    [self.view addSubview:ymapView];

    [ymapView release];
}

これだけで、設定完了です。簡単ですね。

実機でテスト

Screenshot 2012 01 16 16 10 07

実機でテストする際には、最初だけ真っ黒な画面が出てきてましたが、
2回目のビルドだと正常に動作しました。

ソースコードは以下のサイトを参考にさせていただきました。感謝。
YMapKit を使って iPhone に 地図を表示するシンプルなサンプル (2011-09-15)

以上、iOS Map SDKを使って地図を表示する方法でした。

HTMLのプレビューがiPhone/Androidで同時に確認できるMobilizerが便利そう

0

20110630 02

最近はスマートフォン用のサイト作成をする事が多くなってきていますが、HTMLの確認を複数の実機でやるのは大変ですよね。

そんな方のために、HTMLのプレビューがiPhone/Androiで同時に確認できるMobilizerが便利そうなのでご紹介します。

実機で動作確認はできるだけやりたくない、、、。そんな時に使えそうですよ。

詳しくは以下

WordPressをスマホ対応にするプラグインをいろいろ試してみた

0

wordpressでスマートフォン対応する際に使えそうなプラグインをいろいろ試してみました。

先に結果から伝えると、個人サイトではwptouchが一番オススメです。
インストールするだけでお手軽にスマホ対応できるのが高ポイントでした。

企業サイトで1からテーマを作成する場合はmobilepressが今の所一番使えそうです。
これからスマホ対応される方の参考になれば幸いです。

それでは、各種プラグインを入れてみた様子をご紹介。

iWPhone

iOS/MacOS開発者必見!UIを投稿してシェアできる「Cocoa Controls」

0

iOS/MacOS開発者のためのUIデータベースを見つけたので情報をシェア。

Cocoa Controls」は、カスタムコンポーネントとして作ったUIを投稿してシェアできるようになっています。

全てソース付きのようですので、自分のアプリの中に組み込む事も可能ですよ。

以下にいくつか気になったものをご紹介。

Center Button in Tab Bar for iOS

20110425 01

↑タブバーのセンターボタンを大きくするコンポーネント

Pull-to-Refresh TableView for iOS

20110425 02

↑Twitterのように、画面を引っ張るとテーブルビューをリフレッシュする事ができます。

WEPopover for iOS

20110425 03

↑ポップオーバーの実装

JSLockScreen for iOS

20110425 04

↑OSのロック画面の機能を持ったIOSのUIコンポーネント。

HGPageScrollView for iOS

20110425 05

↑Safariタブビューアのように複数のページのスクロールを可能にするUIScrollView

上記のようなコンポーネントが多数公開されています。
ソースもダウンドード出来ますので、有る程度開発ができるひとであれば問題なく導入できると思います。
便利で分かりやすいインターフェイスがたくさんあるので、上手く使って行きたいですね。

iPhoneで無料で使えるお天気系アプリを比較してみた

0

iPhoneで無料で使えるお天気系アプリを比較してみました。
どんな機能があるのかにしぼって簡単に紹介していきます。

お気に入りになったアプリがあれば幸いです。

詳しくは以下

PowerPointで使えるiPhone用モック素材

0

20101213-01

PowerPoint用iPhone素材

PowerPointでiPhone用モックに使える素材を公開している方がいたのでご紹介。

わずか3行でiPhoneアプリからソーシャルサイトに投稿できる「ShareKit」

0

20100808-19

ShareKit」は既存のiPhoneアプリに3行追加するだけでソーシャルサービスに投稿する機能が作れるオープンソースのライブラリです。

オフライン機能やUIのカスタマイズなど、使い勝手の良い構造になっています。

iPhoneのPhotoshop用PSD素材がダウンロードできるサイト10選

0

デザイナーの方は覚えておくと良いかもしれないiPhoneのPSDファイルをダウンロードできる「 10 Excellent And Useful Apple iPhone PSD Files For Free Download 」というエントリーのご紹介。

ワイヤーフレームの作成時やデザインイメージを確認する際に使えるようになっています。
全てのファイルはPhotoshopで編集可能になっているのでカスタマイズやデザインのはめ込みに使えますね。

10サイト紹介されていますが、いくつかざっとご紹介。

iPhone GUI PSD 3.0

20100508-01

Mobile – iPhone

Yahooの中の方が作成したようです。

20100508-02

iPhone Wire Frame

20100508-03

iPhone Scale Comparision

iPadとの比較に。

20100508-04

全て無料でダウンロードすることができるので、気に入ったPSDはダウンロードしておいてはいかがでしょうか。

サイトにはこれら以外にも、さまざまな種類のiPhone用PSDが紹介されています。

よろしかったら、一緒にどうぞ。

iPhoneフレンドリーなサイトにするための10の方法

0

20100304-03

10+ useful code snippets to develop iPhone friendly websites」というエントリーよりiPhone/iPod touch用サイトを作成する際の10のTipsのご紹介。

サーバーサイドでの振り分け処理や、画面の向きの取得方法などなど、いつか使うかもしれないのでメモ的にエントリーです。

詳しくは以下

iPhoneアプリ用のウェブサイト35選

0

20100226-06
iPhoneアプリ用のウェブサイトをまとめた35 Beautiful iPhone App Website Designsというエントリーがすごかったです。

ざざっとご紹介します。