Titanium mobileの基礎10〜地図にピンを打つ

設定した場所にピンを打った地図を表示する。
ピンをタップすると設定した名前を表示する。

ポイント

Ti.Map.createAnnotationでピンを作成できる。
・ピンの作成 -> 地図作成時にピンを設定 という流れ。

ソース(抜粋)

app.js

// ピンの作成
var ebisu = Ti.Map.createAnnotation({
	latitude: 35.645,
	longitude: 139.71,
	title: 'Ebisu',
	animate: true
});

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,
	
	// ピンの設定
	annotations: [ebisu]	
});