１．地図を表示するために最低限必要なコードは？ 例を見る

a) Google Maps API ver.3への参照 

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

b) 地図のズームレベル、中心、種類を指定するオブジェクト。

例： 

var myLatlng = new google.maps.LatLng(35.692781, 140.049514); // 初期設定の中心座標。
var myOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.HYBRID // 初期設定のマップタイプ。ROADMAP、SATELLITE、TERRAIN、HYBRID から選択
}

c) 地図を表示する要素

例： 

<body><div id="map_canvas" style="width:500px; height:400px"></div></body>

d) 地図オブジェクトの生成 

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

２．マーカーなどの「オーバーレイ」の表示

「オーバーレイ」と地図との関連付け（どの地図に載せるか）を宣言する必要がある。

a) オーバーレイ作成時に宣言する。マーカーの例 

var marker = new google.maps.Marker({position: point, map: map, title: label});

b) 

setMap()
関数を用いる。これは、消すときにも用いる。

３．JavaScript Object Notation (JSON)

３−１．記述方法 

{"property name 1":"property value 1", "property name 2":"property value 3",...}

property valueは、オブジェクトの配列であってもよい。それによって、入れ子構造の情報を表現できる。

property nameは英文字で。また、日本語をproperty valueに用いる場合は、ファイルは文字コードをUTF-8として保存する。

例 


{"Groups":[
{"Perfume":[
{"Country":"Japan"},
{"Members":[{"nickname":"あーちゃん"},{"nickname":"かしゆか"},{"nickname":"のっち"}]}
]},
{"AKB48":[...]}
]}

参考：JSONファイルの記述方法（配列と比較して）

３−２．読み込み方

jQueryライブラリのAjaxを用いる。

a) jQueryライブラリの場所を指定する必要がある 

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>

b)Ajaxで読み込むとき、コールバック関数に読み込んだ後の処理を記述する。 



	
$.ajax({
// JSONファイル読み込み開始
	url:"json_file.json",
	cache:false,
	dataType:"json",
}).done(function(json_data){
	//ここに処理を書く
});