/********************************************************************************

	SYNCER 〜 知識、感動をみんなと同期(Sync)するブログ

	* 配布場所
	https://syncer.jp/how-to-use-google-static-maps-api

	* 最終更新日時
	2015/07/31 18:40

	* 作者
	あらゆ

	** 連絡先
	Twitter: https://twitter.com/arayutw
	Facebook: https://www.facebook.com/arayutw
	Google+: https://plus.google.com/114918692417332410369/
	E-mail: info@syncer.jp

	※ バグ、不具合の報告、提案、ご要望など、お待ちしております。
	※ 申し訳ありませんが、ご利用者様、個々の環境における問題はサポートしていません。

********************************************************************************/


// グローバル変数
var poly ;

// 地図の出力
function initialize()
{
	// 地図のオプション
	var mapOptions = {
		zoom: 16 ,
		center: new google.maps.LatLng( 35.794594 , 139.7908041 ) 
	} ;

	// 地図の出力
	var map = new google.maps.Map(document.getElementById( 'map-canvas' ) , mapOptions ) ;

	// ポリラインのオプション
	var polyOptions = {
		strokeColor: '#D36015' ,
		strokeOpacity: 1.0 ,
		strokeWeight: 3 ,
		map: map
	} ;

	// ポリラインの出力
	poly = new google.maps.Polyline( polyOptions ) ;

	// イベントの設定
	google.maps.event.addListener( map , 'click' , addLatLng ) ;
}

// ポリラインエンコード化の実行
function addLatLng( event )
{
	// 新しいパスを取得
	var path = poly.getPath();

	// 既存のリストにパスを追加
	path.push( event.latLng ) ;

	// 全てのパスをまとめてエンコード
	var encodeString = google.maps.geometry.encoding.encodePath( path ) ;

	// フォームに出力
	if( encodeString )
	{
		document.getElementById('result').value = encodeString ;
	}
}

// 地図の出力
google.maps.event.addDomListener( window , 'load' , initialize ) ;