GINPRO / SQLの窓と銀プログラマ

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <!-- コントロール用 -->
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
        <!-- ダイアログ用 -->
        <item name="android:dialogTheme">@style/MyDialogTheme</item>
    </style>

    <!-- コントロール用 -->
    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>
    <!-- ダイアログ用 -->
    <style name="MyDialogTheme" parent="android:Theme.Material.Light.Dialog">
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>

</resources>

package lightbox.june.datepickercontrol;

import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.support.v4.app.DialogFragment;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.DatePicker;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

	private Calendar calendar;
	private int year;
	private int monthOfYear;
	private int dayOfMonth;
	private DatePicker dp;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		dp = (DatePicker) MainActivity.this.findViewById(R.id.datePicker);

		// ********************************
		// 今日の日付
		// ********************************
		calendar = Calendar.getInstance();
		year = calendar.get(Calendar.YEAR);
		monthOfYear = calendar.get(Calendar.MONTH);
		dayOfMonth = calendar.get(Calendar.DAY_OF_MONTH);

		// ******************************
		// ボタン1
		// Spinner
		// ******************************
		MainActivity.this.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {

				// ********************************
				// Spinner DatePicker ダイアログの処理
				// ********************************
				DatePickerDialog spinnerDatePicker;
				spinnerDatePicker = new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
					@Override
					public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
						Log.i("lightbox", String.format("%d-%d-%d",year,(monthOfYear+1),dayOfMonth ) );
					}
				}, year, monthOfYear, dayOfMonth);
				// 表示前に日付を設定する時の日付の変更方法
				spinnerDatePicker.getDatePicker().updateDate(year, monthOfYear, dayOfMonth);
				spinnerDatePicker.show();

				// ********************************
				// Spinner DatePicker コントロールの処理
				// ********************************
				dp.setSpinnersShown(true);
				dp.setCalendarViewShown(false);
				Log.i("lightbox", String.format("%d/%d/%d", dp.getYear(),(dp.getMonth()+1),dp.getDayOfMonth() ) );

			}
		});

		// ******************************
		// ボタン2
		// CalendarView
		// ******************************
		MainActivity.this.findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {

				// ********************************
				// CalendarView DatePicker ダイアログの処理
				// ********************************
				DatePickerDialog CalendarView;
				CalendarView = new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() {
					@Override
					public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
						Log.i("lightbox", String.format("%d-%d-%d",year,(monthOfYear+1),dayOfMonth ) );
					}
				}, year, monthOfYear, dayOfMonth);		// 表示前に日付を設定
				// 表示前に日付を設定する時の日付の変更方法
				CalendarView.getDatePicker().updateDate(year, monthOfYear, dayOfMonth);
				// 表示方法の変更
				CalendarView.getDatePicker().setSpinnersShown(false);
				CalendarView.getDatePicker().setCalendarViewShown(true);
				CalendarView.show();

				// ********************************
				// CalendarView DatePicker コントロールの処理
				// ********************************
				dp.setSpinnersShown(false);
				dp.setCalendarViewShown(true);

				Log.i("lightbox", String.format("%d/%d/%d", dp.getYear(),(dp.getMonth()+1),dp.getDayOfMonth() ) );
			}
		});

		// ******************************
		// ボタン3
		// Spinner DialogFragment
		// Spinner + CalendarView
		// ******************************
		MainActivity.this.findViewById(R.id.button3).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {

				// ********************************
				// ダイアログ・フラグメント
				// ********************************
				DialogFragment newFragment = new DatePickerFragment();
				newFragment.show(getSupportFragmentManager(), "datePicker");

				// ********************************
				// Spinner + CalendarView
				// DatePicker コントロールの処理
				// ********************************
				DatePicker dp = (DatePicker) MainActivity.this.findViewById(R.id.datePicker);
				dp.setSpinnersShown(true);
				dp.setCalendarViewShown(true);
				Log.i("lightbox", String.format("%d/%d/%d", dp.getYear(),(dp.getMonth()+1),dp.getDayOfMonth() ) );
			}
		});

	}

	// ******************************
	// DialogFragment
	// ******************************
	public static class DatePickerFragment extends DialogFragment
		implements DatePickerDialog.OnDateSetListener {

		@Override
		public Dialog onCreateDialog(Bundle savedInstanceState) {

			// 初期値を DatePicker コントロールより取得
			DatePicker dp = (DatePicker) DatePickerFragment.this.getActivity().findViewById(R.id.datePicker);
			int year = dp.getYear();
			int month = dp.getMonth();
			int day = dp.getDayOfMonth();

			return new DatePickerDialog(getActivity(), this, year, month, day);
		}

		public void onDateSet(DatePicker view, int year, int month, int day) {
			Log.i("lightbox", String.format("%d-%d-%d",year,(month+1),day ) );
		}
	}
}

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

    </style>

    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>

</resources>

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>

    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>

</resources>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function(){

	$("#action").on("click",function(){
		navigator.geolocation.getCurrentPosition(function(target){
			$.get("https://lightbox.sakura.ne.jp/toolbox/g_ken.php?lat="
				+target.coords.latitude
				+"&lng="+target.coords.longitude,
				function(data){
					console.dir(data);
					console.log( data.prefectureCode );
					$("select[name='ken']").val(data.prefectureCode);
				});
		});
	});


});
</script>
</head>
<body>
<select name="ken">
	<option value="1">h 北海道</option>
	<option value="2">a 青森県</option>
	<option value="3">i 岩手県</option>
	<option value="4">m 宮城県</option>
	<option value="5">a 秋田県</option>
	<option value="6">y 山形県</option>
	<option value="7">f 福島県</option>
	<option value="8">i 茨城県</option>
	<option value="9">t 栃木県</option>
	<option value="10">g 群馬県</option>
	<option value="11">s 埼玉県</option>
	<option value="12">c 千葉県</option>
	<option value="13">t 東京都</option>
	<option value="14">k 神奈川県</option>
	<option value="15">n 新潟県</option>
	<option value="16">t 富山県</option>
	<option value="17">i 石川県</option>
	<option value="18">f 福井県</option>
	<option value="19">y 山梨県</option>
	<option value="20">n 長野県</option>
	<option value="21">g 岐阜県</option>
	<option value="22">s 静岡県</option>
	<option value="23">a 愛知県</option>
	<option value="24">m 三重県</option>
	<option value="25">s 滋賀県</option>
	<option value="26">k 京都府</option>
	<option value="27">o 大阪府</option>
	<option value="28">h 兵庫県</option>
	<option value="29">n 奈良県</option>
	<option value="30">w 和歌山県</option>
	<option value="31">t 鳥取県</option>
	<option value="32">s 島根県</option>
	<option value="33">o 岡山県</option>
	<option value="34">h 広島県</option>
	<option value="35">y 山口県</option>
	<option value="36">t 徳島県</option>
	<option value="37">k 香川県</option>
	<option value="38">a 愛媛県</option>
	<option value="39">k 高知県</option>
	<option value="40">f 福岡県</option>
	<option value="41">s 佐賀県</option>
	<option value="42">n 長崎県</option>
	<option value="43">k 熊本県</option>
	<option value="44">o 大分県</option>
	<option value="45">m 宮崎県</option>
	<option value="46">k 鹿児島県</option>
	<option value="47">o 沖縄県</option>
</select>
<input id="action" type="button" value="ブラウザの緯度経度で選択">
</body>
</html>

<?php
header( "Content-Type: application/json; Charset=utf-8" );
header( "pragma: no-cache" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
header( "Cache-control: no-cache" );
header( "Access-Control-Allow-Origin: *" );

mb_internal_encoding('UTF-8');

$LIB_DIR = realpath(dirname(__FILE__).'/dgmsrc/').'/';
require_once $LIB_DIR.'Dm/Geocoder.php';
require_once $LIB_DIR.'Dm/Geocoder/Address.php';
require_once $LIB_DIR.'Dm/Geocoder/Prefecture.php';
require_once $LIB_DIR.'Dm/Geocoder/Query.php';
require_once $LIB_DIR.'Dm/Geocoder/GISCSV.php';
require_once $LIB_DIR.'Dm/Geocoder/GISCSV/Finder.php';
require_once $LIB_DIR.'Dm/Geocoder/GISCSV/Reader.php';

$addresses = Dm_Geocoder::reverseGeocode($_GET['lat'],$_GET['lng']);
print json_encode($addresses[0]);

$.fn.extend({
	blackOut: function(){
		if ( $("#overlay_blackout" ).length == 0 ) {
			$( '<div id="overlay_blackout"></div>' ).appendTo( 'body' )
			.css({
				"background": "rgba(0,0,0,0.3)",
				"display": "none",
				"position": "absolute",
				"top": "0",
				"left": "0",
				"z-index": "99998"
			});

			$(window).on("load resize", function(){
				if ( document.documentElement.clientWidth < Math.max(document.documentElement.scrollWidth,document.body.scrollWidth) ) {
					$('#overlay_blackout').css("width", Math.max(document.documentElement.scrollWidth,document.body.scrollWidth) +'px');
				}
				else {
					$('#overlay_blackout').css("width", "100%");
				}
				if ( document.documentElement.clientHeight < Math.max(document.documentElement.scrollHeight,document.body.scrollHeight) ) {
					$('#overlay_blackout').css("height", Math.max(document.documentElement.scrollHeight,document.body.scrollHeight)+'px');
				}
				else {
					$('#overlay_blackout').css("height", "100%");
				}
		
			});

		}

		$(this).click(function(){
			$(this).css('position', 'relative');
			$(this).css('z-index', 0x7fffffff);
			$('#overlay_blackout').fadeIn(300);
		});

		var base = this;
		$('#overlay_blackout').click(function(){
			$(this).fadeOut(300, function(){
				$(base).css('position', 'static');
				$(base).css('z-index', 'auto');
			});
		});


	}
});