今回は、HTML内に持っていた地点データをJSONファイルに分離して、AJAXを使用してJSONファイルを読み込んでマーカーを設定します。 今回のサンプルでは、jQueryを使います。 処理イメージとしては、以下の感じです。 HTML読み込み 地図生成 地点データ読み込み(JSONファイル) マーカーの設定 用意したJSONファイルは、以下のとおり { "points":[ { "title": "ローソン", "content":"ローソン 神戸中央西町", "lat":"34.687574", "lng":"135.189857" }, { "title": "南京町広場", "content":"南京町広場", "lat":"34.6882", "lng":"135.188087" }, { "title": "ライオンズマンション", "content":"ライオンズマンション神戸
![GoogleMap API V3でマーカーの地点データを動的に読み込む - Let's make something](https://cdn-ak-scissors.b.st-hatena.com/image/square/357bba2ca5ca90ec7f40d59647dca1b12be3ecf4/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fpinoyuki%2F20120326%2F20120326011643.png)