�掵�́@Google Maps�𗘗p��F�}�[�J�[��\��

�@�n�}��̈ʒu�i�|�C��g�j��̂Ɏg��̂��}�[�J�[�ł��BGoogle Maps�ł͕W��ňʒu��A�C�R��p�ӂ��Ă��܂��i�Ǝ��̃}�[�J�[�ɂ��邱�Ƃ��ł��܂��BAPI Ver 2.61�ȍ~�ł̓}�[�J�[��h��b�O��Ĉړ��邱�Ƃ��ł��܂��j�B��̕W��̃}�[�J�[��\��ɂ�GMarker()��g��܂��B�ŏ��̈��Ƀ}�[�J�[�̈ʒu�A��A�C�R��摜�I�u�W�F�N�g��w�肵�܂��B�A�C�R��摜�I�u�W�F�N�g��w�肵�Ȃ��ꍇ�ɂ̓f�t�H��g�̃}�[�J�[��g��܂��B�i�T��v��s��j

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAasAJryKxWJnBFVJa487d9hTHGAxTVT7IRADYa-JdYz7xQ8IQZBSthgDZdggYpQHsmm6WYtHstQFfLA" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(138.73123168945312, 35.35657620196121), 5);
function setMarker()
{
marker = new GMarker(new GPoint(138.73123168945312, 35.35657620196121));
map.addOverlay(marker);
}
//]]>
</script>
<form>
<input type="button" value="�}�[�J�[��ǉ�" onClick="setMarker()" /><br />
</form>
</body>
</html>

�@��L�̃T��v��ł̓}�[�J�[��ǉ��܂��A�}�[�J�[��폜��邱�Ƃ��ł��܂��B��̃}�[�J�[��폜��ɂ�removeOverlay()��g��܂��B��ɂ͍폜��}�[�J�[�I�u�W�F�N�g��w�肵�܂��B�S�Ẵ}�[�J�[��폜��ꍇ�ɂ�clearOverlays()��g��܂��B�i�T��v��s��j

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAasAJryKxWJnBFVJa487d9hTHGAxTVT7IRADYa-JdYz7xQ8IQZBSthgDZdggYpQHsmm6WYtHstQFfLA" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(138.73123168945312, 35.35657620196121), 5);
function setMarker()
{
marker = new GMarker(new GPoint(138.73123168945312, 35.35657620196121));
map.addOverlay(marker);
}
function removeMarker()
{
map.removeOverlay(marker);
}
function clearMarker()
{
map.clearOverlays();
}
//]]>
</script>
<form>
<input type="button" value="�}�[�J�[��ǉ�" onClick="setMarker()" />
<input type="button" value="�}�[�J�[��폜" onClick="removeMarker()" />
<input type="button" value="�}�[�J�[��S�č폜" onClick="clearMarker()" /><br />
</form>
</body>
</html>

�@�W��̃}�[�J�[�łȂ��Ǝ��̃}�[�J�[��\��ɂ́A��炩��ߕ\��摜��p�ӂ��Ă��܂��BPNG�`��ɂ��Ă��ƁA��`��l��f��̂ŁA��Ȃǂ��ł��܂��BPhotoshop�̏ꍇ�͓��C��[�̏�Ƀ}�[�J�[�摜��`��Ă��Web�p�ɕۑ��I��܂��BPNG-24��I��̃`�F�b�N��Ă��ۑ��܂��B

�@�}�[�J�[�摜�̗p�ӂ��ł��GIcon()�Ń}�[�J�[�I�u�W�F�N�g��쐬��܂��B�쐬��}�[�J�[�I�u�W�F�N�g��image�v��p�e�B�ɉ摜��URL��w�肵�܂��B�摜�̃T�C�Y��iconSize�v��p�e�B�Ɏw�肵�܂��B�摜�ɂ��Ă͎��ʒu��ɂ��炵��ꍇ��܂��B��̂悤�ȏꍇ�ɂ̓A��J�[�|�C��g��w�肷�邱�Ƃ��ł��܂��B�A��J�[�|�C��g��iconAnchor�v��p�e�B��GPoint()�ŉ��Əc��̃A��J�[�ʒu��w�肵�܂��B
�@��ł��GMarker()�̂Q�Ԗڂ̈��ɍ쐬��}�[�J�[�I�u�W�F�N�g��w�肵�܂��B�Ō��addOverlay()��g��Ēn�}��ɓƎ��}�[�J�[��\��܂��B�i�T��v��s��j

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAasAJryKxWJnBFVJa487d9hTHGAxTVT7IRADYa-JdYz7xQ8IQZBSthgDZdggYpQHsmm6WYtHstQFfLA" type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 500px; height: 400px"></div>
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(138.73123168945312, 35.35657620196121), 5);
function setMarker()
{
marker = new GIcon();
marker.image = "hand.png";
marker.iconSize = new GSize(64, 64);
marker.iconAnchor = new GPoint(62, 72);
markerPoint = new GMarker(new GPoint(138.73123168945312, 35.35657620196121), marker);
map.addOverlay(markerPoint);
}
//]]>
</script>
<form>
<input type="button" value="�Ǝ��}�[�J�[��ǉ�" onClick="setMarker()" />
</form>
</body>
</html>

�@��ł̓C�x��g��ǉ��Ēn�}��h��b�O��ꂽ��W��\��悤�ɂ��Ă݂܂��B

[�掵�́@8:�C�x��g��s��]
[�ڎ��]

(2006.1.24, 2006.9.2�ǉ�)

�}�[�J�[��\������

�}�[�J�[��\��