lunaluna
3/22/2014 - 5:48 AM

【Javascript】PHPから渡された緯度・経度の値からGoogleMapを描画する【WordPress】

【Javascript】PHPから渡された緯度・経度の値からGoogleMapを描画する【WordPress】

<script>
	var map;

	// 緯度を変数に代入
	var latitude = Number("<?php echo $latitude; ?>");

	// 経度を変数に代入
	var longitude = Number("<?php echo $longitude; ?>");

	// 倍率を変数に代入
	var magnification = Number("<?php echo $map_magnification; ?>");

	// 目的地を地図が描画される中心に設定する
	var centerPosition = new google.maps.LatLng(latitude, longitude);
	function initialize() {
		var mapOptions = {
			zoom: magnification,		            //縮尺(0に近いほど広範囲を表示)
			center: centerPosition,	                    //地図の中心座標
			mapTypeId: google.maps.MapTypeId.ROADMAP    //地図の種類を指定
		};
		map = new google.maps.Map(document.getElementById('map_area'), mapOptions);

		// マーカー追加
		var marker = new google.maps.Marker({
			position: centerPosition,           	//マーカーを表示させる座標
			map: map,				//マーカーを表示させる地図
			title : "<?php echo $map_marker; ?>"    //マウスオーバーした際に表示させる文字列
		});
	}

	google.maps.event.addDomListener(window, 'load', initialize);
</script>