Titanium mobileの基礎09〜地図を表示する

MapViewを使って地図を表示させる。

ポイント

・Ti.Map.createViewを使う

手順

http://dotinstall.com/lessons/basic_titanium/1916#

ソース

app.js

var win = Ti.UI.createWindow({
	backgroundColor: 'blue'
});
var view = Ti.UI.createView();

var map = Ti.Map.createView({
	// map形式の指定
	mapType: Ti.Map.STANDARD_TYPE,
	
	// 初期表示場所設定（緯度／経度）
	// 恵比寿あたりの場合
	region: {latitude:35.645, // 緯度
			longitude:139.71, // 経度
			latitudeDelta:0.01,// 表示範囲
			longitudeDelta:0.01},// 表示範囲
			
	animate: true,
	regionFit: true, // 画面にFitさせるか
	width: 300,
	height: 400	
});

view.add(map);
win.add(view);
win.open();

位置情報の利用

初回アプリ起動時に、位置情報の利用についてアラートダイアログが出た。

ドットインストール内では位置情報について触れられていなかったため公式ドキュメントを見たところ、

userLocation:true,

というオプションで位置情報について扱えるようになるようだ。
これについては別途調査する必要がありそう。