***********************************************************************************
	Google Maps API V3による複数地点＆ルート表示
***********************************************************************************
	Version		1.01
	Copyright	2014 ok.2nd <m.ok.2nd@gmail.com>
	HomePage	http://ok2nd.web.fc2.com/
			MyHome Portal （個人向けWebポータル）
	Blog		http://ok2nd.blog87.fc2.com/
			中級プログラマの自宅でPHP ブログ
***********************************************************************************

HTMLファイルに、スポット名、緯度、経度を指定するだけで、Google Maps API V3を使った複数地点表示が出来るJavaScriptを公開します。
CGI等サーバーサイドの処理はありませんので、静的サイトに、html、js、css、画像ファイル一式を置くだけで使えます。

HTMLファイル(sample.html)内に、JavaScript配列変数「points」で、緯度、経度、スポット名(ビル名、店名等)を、以下の形式で指定してください。
「points」に指定する地点名が8地点までであれば、ルート表示もできます。

配列変数「others」に、その他の地点を指定すると、小さなマーカーで地点表示します。4番目に'r'を指定すると、マーカーと地点名の色が変わります。

「現在地」ボタンを押すと、現在地を人間マーカーで表示します。スマホで、現在地をマーカー表示させながら、スポットめぐりが出来ます。

マーカーをクリックすると、情報ウインドウが開きます。情報ウインドウのスポット名をクリックすると、Google検索画面が開きます。情報ウインドウの「→Googleマップ」をクリックすると、Googleマップで、地点表示をします。

<script>
var points = [];
points[0] = [緯度, 緯度, 'スポット名'];
points[1] = [緯度, 緯度, 'スポット名'];
points[2] = [緯度, 緯度, 'スポット名'];
...
var others = [];
others[0] =  [緯度, 緯度, 'スポット名', ''];
others[1] =  [緯度, 緯度, 'スポット名', 'r']; // 別色
others[2] =  [緯度, 緯度, 'スポット名', ''];
...
</script>

【例】
<script>
var points = [];
points[0] = [34.7503976, 135.32830969999998, 'galerie6c'];
points[1] = [34.7445066, 135.3306457, 'ギャラリー SHIMA'];
points[2] = [34.7447565, 135.32662660000005, 'コブレンツ雲井'];
points[3] = [34.7417762, 135.3262906, 'GALLERY雛'];
points[4] = [34.741429, 135.32751269999994, 'R&Pギャラリー'];
points[5] = [34.7412041, 135.33101799999997, 'GALLERY小さい芽'];
points[6] = [34.736188, 135.3335095, 'アトリエ風姿花伝'];
points[7] = [34.7342686, 135.32960990000004, 'ギャラリーさらさんじゅ'];
var others = [];
others[0] = [34.7464925, 135.33088180000004, '旧山本家住宅', ''];
others[1] = [34.7350741, 135.32843779999996, '辰馬考古資料館', ''];
others[2] = [34.7351382, 135.33699260000003, '戎座人形芝居館', ''];
others[3] = [34.7321055, 135.32454489999998, '西宮市大谷記念美術館', ''];
others[4] = [34.73089950000001, 135.3298099, '西宮市立郷土資料館', ''];
others[5] = [34.727861, 135.3380287, '白鹿記念酒造博物館', ''];
others[6] = [34.7486922, 135.32734870000002, 'ギャラリーストラッセ', ''];
others[7] = [34.7305358, 135.3387341, '白鷹禄水苑', ''];
others[8] = [34.7284749, 135.33816479999996, '白鹿クラシックス', ''];
others[9] = [34.742015, 135.32567399999994, 'ラヴェニール チャイナ：中華', 'r'];
others[10] = [34.741401, 135.32880699999998, 'コンセントマーケット：パン', 'r'];
others[11] = [34.7436011, 135.3316373, 'ameen’s oven：パン', 'r'];
others[12] = [34.7426123, 135.32909870000003, 'トリコ：パン', 'r'];
others[13] = [34.7454814, 135.32700150000005, 'ミッシェルバッハ：ケーキ', 'r'];
others[14] = [34.7434316, 135.3275377, 'エルベラン：ケーキ', 'r'];
others[15] = [34.74258888836743, 135.32763987779617, 'Boulangerie Miyanaga：パン', 'r'];
others[16] = [34.74856, 135.32628750000003, 'トキワ：ドーナッツ', 'r'];
others[17] = [34.751287723163585, 135.32447084784508, 'リョウイチヤマウチ：パン', 'r'];
others[18] = [34.7522668, 135.32212119999997, 'ラ バゲット ド パリ ヨシカワ：パン', 'r'];
</script>

