�X�}�zWeb�J���ł̐l�C���ɊeHTML5�@�\�̎g�������������A�ڂ��X�^�[�g�B����͒f�g�c�l�C��Geolocation API�B
powered by Insider.NET
�@HTML�iHyperText Markup Language�j�́AW3C�iWorld Wide Web Consortium�j���d�l���Ǘ�����}�[�N�A�b�v���ꂾ�B�����āAW3C���������A���݂قƂ�ǂ̃T�C�g���g�p���Ă���HTML�́AHTML 4.01���B
�@HTML 4.01�̎d�l�͓����̊��ɋN�����Ă��邪�A��Ɂu�������������Ɓv��ړI�Ƃ���1999�N�Ɋ�������Ă���B�������AWeb 2.0�̊T�O��Ajax�̓o��ɂ��u�����������v�Ƃ��������u�A�v���P�[�V�����������v���Ƃ�Web�̎�ړI�ƂȂ�AHTML 4.01�ł����@�\��Web�A�v���P�[�V�������\�z�����悤�ɂȂ����B
�@���̈���ŁA�u���E�U�E�x���_�́AHTML 4.01�݂̂�Web�A�v���P�[�V�������J�����邱�Ƃ̌��E�������Ă����B���ʂƂ���Apple�AMozilla�AOpera��3�Ђ́AW3C�Ƃ͕ʂ�WHATWG�iWeb Hypertext Application Technology Working Group�j�Ƃ����c�̂����A�������HTML�̎d�l�����i�߂��B����WHATWG�����肵�Ă���������HTML�̎d�l�̑��Ă��A2007�N�ɐݗ����ꂽW3C��HTML WG�iHTML Working Group�j�ō̗p����AWHATWG��HTML WG���Ƃ��Ɏ������HTML�d�l�̍����i�߂��B������2008�N�AW3C��HTML 4.01�̌�p�ƂȂ�HTML5�̑��Ă\����B
�@HTML5�ɂ͕���������HTML 4.01����A��p�݊������A�v���P�[�V�����������d�l�ɋ@�\�g������A������}�[�N�A�b�v���������B�܂��A�֘A�Z�p�Ƃ��āAJavaScript�ł̊J�����T�|�[�g����V����API���K�肳��Ă���B
�@�����ȈӖ��ł�HTML5�̎d�l�́AWHATWG��W3C�����肵�����̂ɂȂ邪�A���݁A�uHTML5�v�Ƃ����ꍇ�́A�f�U�C���@�\�ł���CSS3���܂ޏꍇ�ASVG��XPath�̂悤�Ɉꕔ�̃u���E�U�ł��łɓ������Ă���@�\��A�ʂɍ��肪�i�߂��Ă���API�Ȃǂ��܂߂邱�Ƃ������i�}1�j�B
�@�{�A�ڂł́A����HTML5�ɂ��āA�����_�Ŋ��p����Ă���l�C�@�\���ɉ��������̂ł���B�Ȃ��A�{�A�ڂɂ�����l�C���́u���o�C���J���ɂ��Ă̒����v����ɂ��Ă���B
�@���ۂɎ�舵�����e�͈ȉ��̂Ƃ��肾�B
���� | �@�\ | �T�v |
---|---|---|
1 | Geolocation | �ʒu���̎擾 |
2 | Web Storage | �N�b�L�[�������@�\�ȃf�[�^�ۑ��̎d�g�� |
3 | �h���b�O���h���b�v | �}�E�X�Ȃǂ��g�p�����h���b�O���h���b�v |
4 | �Z���N�^API | CSS�Z���N�^���g�p���ėv�f�ɃA�N�Z�X |
5 | Web Sockets | �T�[�o�ƃu���E�U�Ԃł̑o�����ʐM |
6 | �t�@�C��API | ���[�J���̃t�@�C���𑀍� |
7 | Web Workers | �o�b�N�O���E���h��JavaScript�R�[�h�̕�����s |
8 | Indexed Database | �u���E�U����ŗ��p�ł��郊���[�V���i���E�f�[�^�x�[�X |
�\1�@�����_�Ŋ��p����Ă���HTML5�̐l�C�@�\ |
���f�g�c�l�C��Geolocation API
�@2011�N6�����݁A�ł��l�C������̂́A�ʒu�����擾����Geolocation API���B���܂܂ł́A�f�o�C�X���g���Ǝ��̋K�i�ňʒu�����擾���Ă����B�܂�A�L�����A���قȂ�f�o�C�X�i�X�}�[�g�t�H����A�^�u���b�gPC�Ȃǁj�ɑ��ăA�v���P�[�V���������ۂɂ́A���ꂼ��ŗL�̋L�q���K�v�ł������B
�@�������AHTML5�ł͈ʒu�����擾����Geolocation API�����p�ł���B����ɂ��AGeolocation API���T�|�[�g���Ă���u���E�U�ł���A�f�o�C�X�ɊW�Ȃ��A�����L�q�ňʒu���̏����������ł���킯���B���̓_�����炭�f�g�c�̐l�C���ւ闝�R�Ȃ̂��낤�B
�@�ʒu�����擾���邱�ƂŁA�G���h�E���[�U�[����������Ƃ��āA�n�}��̈ʒu�̕\����A�ߗׂ̎{�ݏ��̕\���A����ɂ͓V�C��A���̏ꏊ�Ȃ�ł͂̃��[�J���ȃj���[�X�̏���\���ł���悤�ɂȂ�B�܂�A�X�}�[�g�t�H����^�u���b�gPC��œ��삷��A�v���P�[�V�����ɂ����đ傫�ȉe���͂����@�\���Ƃ�����B
�@���݁AGeolocation API�����p���Ă���A�v���P�[�V�����ŗL���Ȃ��̂Ƃ����AAndroid�ɓ��ڂ���Ă���O�[�O�����̒n�}�A�v����A���P�^�b�`����������B�}2�̓��P�^�b�`�̒n�}��ʂ����A�n�}��ɕ\������Ă���A�C�R�����ߋ��Ƀ^�b�`�����X�|�b�g���B
�@���P�^�b�`�͂Ђƌ��ł����ƁA�������o�������ꏊ���}�b�v��̃X�|�b�g�Ƀ^�b�`���邱�ƂŃ��O���c���A���������̃}�b�v�����グ�Ă����A�v���P�[�V�������i�������A�F�l��o�^���邱�ƂŗF�l�̃}�b�v�̎Q�ƂȂǂ��s����j�B���o�C���[�����烍�P�^�b�`�ɃA�N�Z�X���āA�ʒu�����擾����ƁA���݁A����������ߕӂ̃X�|�b�g�ꗗ���\������A���̃X�|�b�g�Ƀ^�b�`���ă��O���c���d�g�݂��B�O�q�̂Ƃ���Geolocation API�����p���邱�ƂŁA�f�o�C�X�ŗL�̏����ł͂Ȃ��A�u���E�U�̎d�g�݂Ƃ��Ĉʒu��擾�ł���̂ŁA�}���`�f�o�C�X�ɑΉ������T�[�r�X���e�Ղɒł���Ƃ����킯���B
�@���̕\�Ɏ����Ƃ���A���݁AGeolocation API�͎�v�u���E�U�ł͎����ς݂��B
�u���E�U | �Ή��o�[�W���� |
---|---|
Internet Explorer | 9�ȍ~ |
Firefox | 3.5�ȍ~ |
Chrome | 5�ȍ~ |
Safari | 5�ȍ~ |
Opera | 10�ȍ~ |
�\2�@��v�u���E�U�ɂ�����Geolocation API�̎����� |
�@Geolocation API�̈ʒu����GPS�AIP�A�h���X�AWi-Fi�Ȃǂ��܂��܂ȃ\�[�X����Ɏ擾�����BGeolocation API�����������A�v���P�[�V�����ɃA�N�Z�X����ꍇ�A�K���u�ʒu�����擾���Ă悢���v�̊m�F���u���E�U�����{���A���p�҂̋����Ȃ��Ɉʒu�����擾���邱�Ƃ͂Ȃ��i�}3�j�B
�@���̍��ł́A���ۂ�Geolocation API�̗��p�ɂ��Č��y����B
��Geolocation API��3���
�@Geolocation API�́A3��ނ�API����`����Ă���B
�T�v | ���\�b�h |
---|---|
���݂̈ʒu�����擾 | getCurrentPosition(�������̃R�[���o�b�N��, ���s���̃R�[���o�b�N��, �I�v�V����); |
�ʒu�����Ď����� �ʒu�ύX���Ɏ擾 |
watchPosition(�������̃R�[���o�b�N��, ���s���̃R�[���o�b�N��, �I�v�V����); |
�ʒu���̊Ď��𒆎~ | clearWatch(watchPosition���\�b�h�̖߂�l) |
�\3�@Geolocation API�̎�� |
�@��L�̂Ƃ���AGeolocation API�͌��݂̈ʒu�����擾���邩�A�ʒu�����Ď����Ĉʒu�ύX���Ɏ擾���邩�A���̊Ď��𒆎~���邩��\���V���v����API���B�p�����[�^���A�������Ǝ��s���̃R�[���o�b�N���̎w��ƁA�I�v�V�������g�����ǂ����݂̂ŁA�g�p���₷��API�ƂȂ��Ă���B���ꂼ��̃��\�b�h�́Anavigator�I�u�W�F�N�g����geolocation�v���p�e�B����Ăяo����B
�@��v�u���E�U��Geolocation API���������Ă͂��邪�A���x�͂��܂��܂ȗv���ɂ��傫���ς�邱�Ƃ�����B�u���E�U�����̍��ق����x�ɂ��e����^����ق��A�ڑ����Ă�����ɂ��傫���ς��_�ɂ͒��ӂ��K�v���B
�@�Ⴆ�A�}���V�����Ȃǂ̒c�n�ł܂Ƃ߂Ĉ�����Ă������Ȃǂ́A�ꍇ�ɂ�蕔���ԍ��܂Ŋ���o����邱�Ƃ����邪�A�ꌬ�Ƃ̏ꍇ�͏ꏊ���O��邱�Ƃ�����i������x�߂��ʒu�͕\�������j�B�ق��ɂ�EMOBILE��WiMAX�Ȃǂ��g�p���Ă���ꍇ�́A�܂�ňقȂ�ꏊ�������\��������B����͈ʒu�����擾���邽�߂Ɏg�p����Ă���\�[�X�Ȃǂɉe�����Ă��邩�炾�B�܂�A������x�̐��x�͕ۂĂ邪�A�u�\�[�X��GPS�ł͂Ȃ��ꍇ�̈ʒu���̐M�����́A100���ł͂Ȃ��v�Ƃ����_�ɂ͗��ӂ��Ă������������B
�@�ʒu���̎擾�����A�܂���Geolocation API���u���E�U���������Ă��邩�ǂ����̊m�F���K�v���BGeolocation API�̎����̗L���́A�ȉ��̃R�[�h�Ŋm�F�ł���B
if (navigator.geolocation) {
// Geolocation�Ɋւ��鏈�����L�q
} else {
window.alert("�{�u���E�U�ł�Geolocation���g���܂���");
}
�@navigator�I�u�W�F�N�g��geolocation�v���p�e�B������ꍇ��Geolocation�����p�ł�����̂Ƃ��Ď��������A�Ȃ��ꍇ�͗��p�ł��Ȃ��G���[�E���b�Z�[�W�̕\���Ȃǂ��s���̂���ʓI���B
�@�ł́A���Ɏg�p���@�����Ă݂悤�B
�@�ŏ��ɁA�u���E�U�����s�����R���s���[�^�̌��݈ʒu���擾����T���v���������B
<script type="text/javascript">
if (navigator.geolocation) {
// ���݂̈ʒu�����擾
navigator.geolocation.getCurrentPosition(
// �i1�j�ʒu���̎擾�ɐ��������ꍇ
function (pos) {
var location ="<li>"+"�ܓx�F" + pos.coords.latitude + "</li>";
location += "<li>"+"�o�x�F" + pos.coords.longitude + "</li>";
document.getElementById("location").innerHTML = location;
},
// �i2�j�ʒu���̎擾�Ɏ��s�����ꍇ
function (error) {
var message = "";
switch (error.code) {
// �ʒu��擾�ł��Ȃ��ꍇ
case error.POSITION_UNAVAILABLE:
message = "�ʒu���̎擾���ł��܂���ł����B";
break;
// Geolocation�̎g�p��������Ȃ��ꍇ
case error.PERMISSION_DENIED:
message = "�ʒu���擾�̎g�p��������܂���ł����B";
break;
// �^�C���A�E�g�����ꍇ
case error.PERMISSION_DENIED_TIMEOUT:
message = "�ʒu���擾���Ƀ^�C���A�E�g���܂����B";
break;
}
window.alert(message);
}
);
} else {
window.alert("�{�u���E�U�ł�Geolocation���g���܂���");
}
</script>
<ul id="location">
</ul>
�@���ۂ̋����́AGeolocation API�Ή��̃u���E�U�������̃����N���N���b�N���Ċm�F���Ă������������B
�@�T���v�������s����ƁA�O�q�̂Ƃ���A�ʒu���̎擾�����߂�m�F�_�C�A���O���\�������B�m�F�\���������āA���݂̈ܓx�^�o�x�̒l���擾���Ăق����B
�@�M�҂����ۂɎ��������s���ʂ͐}4�̂悤�ɂȂ�B���̌�A�ܓx�^�o�x�̒l��Google�}�b�v��Bing�n�}�iBing Maps�j�ɓ��͂��Č�������ƁA�n�}���Geolocation API���擾�������ݒn���\�������͂����B
�@�T���v���E�R�[�h�̃|�C���g��������悤�B
���i1�j�ʒu���̎擾�ɐ��������ꍇ
�@getCurrentPosition���\�b�h�̃|�C���g�͐������Ǝ��s���̃R�[���o�b�N���̃p�����[�^�ɂ���B�������̃R�[���o�b�N���ł́A�p�����[�^��Position�^�̃I�u�W�F�N�g���n�����B���̃I�u�W�F�N�g��Coordinates�^��coords�v���p�e�B�ƁA�^�C���X�^���v�l��\��timestamp�v���p�e�B�������Ă���B
�@Coordinates �I�u�W�F�N�g����́A����Ɉȉ��̏��ɃA�N�Z�X���\���B
�v���p�e�B�� | �T�v |
---|---|
latitude | �ܓx�̒l |
longitude | �o�x�̒l |
altitude | ���x�̒l |
accuracy | �ܓx�A�o�x�̐��x |
altitudeAccuracy | ���x�̐��x |
heading | ���p�i�x�j |
speed | ���x�i��/S�j |
�\4�@Coordinates�I�u�W�F�N�g�̃v���p�e�B |
�@�Ȃ��AGeolocation API���T�|�[�g����Ă���ꍇ�A�����Ă���latitude�^longitude�^accuracy�v���p�e�B�͗��p�ł��邪�A����ȊO��4�̃v���p�e�B�͎�Ƀ��o�C���[����^�u���b�gPC�ȂǁA�ړ����Ȃ��痘�p���邱�Ƃ������@������̋@�\�Ƃ�����B�[�������x�Ȃǂ�����o���Ȃ��ꍇ��null��Ԃ��B��L�̃T���v���ł́A�ܓx�A�o�x�̂ݎ��o���ďo�͂��Ă���B
���i2�j�ʒu���̎擾�Ɏ��s�����ꍇ
�@���s���̃R�[���o�b�N���ł́APositionError�^�̃p�����[�^���n�����B���̃I�u�W�F�N�g�́A�G���[�E�R�[�h������code�v���p�e�B�ƁAmessage�v���p�e�B�����B�����̋L�q���@�Ƃ��ẮA�G���[�E�R�[�h�ŏ�������B�G���[���ɂ�message�v���p�e�B�ɃG���[�̏ڍׂ������I�Ɋi�[����Ȃ����߁A�����ɃG���[���e�̏ڍׂ�message�v���p�e�B�Ɋi�[���A�y�[�W��ɂ��̏���\��������A�A���[�g��\�������肷��B
�@�G���[�E�R�[�h�͈ȉ���3���B
�G���[�E�R�[�h | �T�v |
---|---|
PERMISSION_DENIED (1) | �G���h�E���[�U�[���AGeolocation API�̎d�l�������Ȃ��ꍇ�ɔ��� |
POSITION_UNAVAILABLE (2) | ���݈ʒu�����ł��Ȃ��ꍇ�ɔ��� |
TIMEOUT (3) | �w�肳�ꂽ�^�C���A�E�g���ԓ��Ɍ��݈ʒu�����ł��Ȃ��ꍇ�ɔ��� |
�\5�@Coordinates�I�u�W�F�N�g�̃v���p�e�B |
�@��L�̃T���v���ł́A�G���[���ƂɃ��b�Z�[�W���A���[�g�Ƃ��ĕ\�����鏈�����L�q���Ă���B
�@getCurrentPosition���\�b�h�Ō��݂̈ʒu�����擾����ۂɁA��3�p�����[�^�ɃI�v�V�������n�b�V���`���Ŏw��ł���B
�v���p�e�B�� | �T�v |
---|---|
enableHightAccuracy | �����x�̏����擾���邩�ǂ������w��iBoolean�^�j |
timeout | �^�C���A�E�g�܂ł̎��Ԃ��w�� |
maximumAge | �ʒu���̗L���������w�� |
�\6�@getCurrentPosition���\�b�h�̃I�v�V�����ɂ��� |
�@�K�v�ɉ����Ă��������p���邱�ƂŁA�����ʓI�Ȉʒu��擾�ł���悤�ɂȂ邾�낤�B
�@�����Ď��̃y�[�W�ł́A�ʒu���Ď������{����watchPosition���\�b�h��clearWatch���\�b�h�ɂ��Đ�������B
Copyright© Digital Advantage Corp. All Rights Reserved.