スポンサーサイト
この広告は60日以上更新がないブログに表示されております。
新しい記事を書くことで広告を消すことができます。
新しい記事を書くことで広告を消すことができます。
| 2012.03.04 Sunday | | - | - | - |
三丁目の電脳
コンピュータに関するハードウェアからソフトウェアに関係する話題や自己啓発の為の忘備録も兼ねたいと思います。
また判らない事があれば質問して下さい。
回答出来るか否かは別として一緒に悩みましょう（笑）
また判らない事があれば質問して下さい。
回答出来るか否かは別として一緒に悩みましょう（笑）
PHP 変数その３（数値）
今回は数値の変数に関してです。
数値┳━整数型
┗━浮動小数点数
整数型
0（ゼロ）
「1,2,3,…」と続く正の数
「-1,-2,-3,…」と続く負の数
浮動小数点数
浮動少数点数とは、小数点以下の数値を持った変数になります。
因みに私の実働するサンプルURLはここです。
数値┳━整数型
┗━浮動小数点数
整数型
0（ゼロ）
「1,2,3,…」と続く正の数
「-1,-2,-3,…」と続く負の数
浮動小数点数
浮動少数点数とは、小数点以下の数値を持った変数になります。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>PHP 変数その３（数値）</title>
</head>
<body>
<?php
//
//整数値15の整数型変数を作成（１０進数で入力）
//
$int = 15;
echo $int;
echo "<br>¥n";
//
//整数値15の整数型変数を作成（８進数で入力）
//８進数で入力する間合いには数値の先頭に0を付ける
$int = 017;
echo $int;
echo "<br>¥n";
//
//整数値15の整数型変数を作成（１６進数で入力）
//１６進数で入力する間合いには数値の先頭に0xを付ける
$int = 0x0f;
echo $int;
echo "<br>¥n";
//
//浮動小数点数2.8の浮動小数点数型変数を作成
//
$float = 2.8;
echo $float;
echo "<br>¥n";
//
//整数値をオーバーフローさせて浮動小数点数型へ変更させる
//
$int = 3;
echo $int;
echo " " . gettype( $int);
echo "<br>¥n";
$int = $int * 10000 * 10000 * 10000 * 10000 * 10000;
echo $int;
echo " " . gettype( $int);
echo "<br>¥n";
?>
</body>
</html>
因みに私の実働するサンプルURLはここです。
JUGEMテーマ：インターネット
PHP 変数その２（論理値 boolean）
JUGEMテーマ：コンピュータ
論理値は、その変数に代入される値が「TRUE」あるいは「FALSE」のどちらかを扱う
「真偽の値」を持つ変数です。例えば、数値の値が 0 や 0.0 、何もセットされない
NULLなどが論理値の「FALSE」として扱われます。
実際の記述では、大文字と小文字を区別することはありません。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>変数その２（論理値 boolean）</title>
</head>
<body>
<?php
$bln1 = FALSE; //論理値 FALSEを設定
if ( $bln1 == TRUE) {
echo "変数bln1はTRUE";
} else {
echo "変数bln1はFALSE";
}
echo "<br>¥n";
$bln2 = 1; //整数型1を設定（0以外なのでTRUE）
if ( $bln2 == TRUE) {
echo "変数bln2はTRUE";
} else {
echo "変数bln2はFALSE";
}
echo "<br>¥n";
$bln3 = 0.0; //float型0.0を設定（0.0なのでFALSE）
if ( $bln3 == TRUE) {
echo "変数bln3はTRUE";
} else {
echo "変数bln3はFALSE";
}
echo "<br>¥n";
if ( $bln4 == TRUE) { //$bln4は変数定義されていないのでNULL(FALSE)
echo "変数bln4はTRUE";
} else {
echo "変数bln4はFALSE";
}
echo "<br>¥n";
?>
</body>
</html>
因みに私の実働するサンプルURLはここです。
PHP 変数 その１
ＰＨＰの変数は先頭に＄記号を付けて以降、任意の文字（数字は不可）
またはアンダースコア（＿）で始まり任意の文字、アンダースコアが
続く形式の文字列で構成されます。
ex1)
$test = 1024;
ex2)
$_test = 1024;
ex3)
$test12 = "teststring";
変数への参照指定も可能です。
参照する場合は参照変数に対して＆を付けた変数名を指定する。
ex1)
$test = 123;
$ref = &test;
因みに私の実働するサンプルURLはここです。
またはアンダースコア（＿）で始まり任意の文字、アンダースコアが
続く形式の文字列で構成されます。
ex1)
$test = 1024;
ex2)
$_test = 1024;
ex3)
$test12 = "teststring";
変数への参照指定も可能です。
参照する場合は参照変数に対して＆を付けた変数名を指定する。
ex1)
$test = 123;
$ref = &test;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>define No.1</title>
</head>
<body>
<?php
$test = "元の値";
$ref = &$test; //参照 $refは$testを示す
$copy = $test;
echo "変数copy = $copy";
echo "<br>¥n";
echo "変数ref = $ref";
echo "<br><br>¥n";
$test = "変更";
echo "変数ref = $ref";
?>
</body>
</html>
因みに私の実働するサンプルURLはここです。
Google Maps API Ver.3：マーカーの追加と削除4
JUGEMテーマ：インターネット
今回は前回作成した「Google Maps API Ver.3：マーカーの追加と削除2」が正常に動作しなかったので修正したものを再アップしました。
動作
マップの任意の位置を左クリックするとマーカーが表示され、マーカーの上にマウスカーソルを持っていくと経度・緯度が表示され、マーカーを右クリックすると削除される様にしました。
1.まずはサンプルソース(下記)をエディタ（任意）にコピーしましょう。
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API3 Sample</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var EventListener;
var marker_ary = new Array();
var infowindow_obj = new Array();
var map;
var rightclick = true;
var onmouse = true;
var click = true;
function initialize() {
var latlng = new google.maps.LatLng(37, 138, true);
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true,
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, "click", function(clickev) {
if ( click == false) return;
var x = clickev.latLng.lat();
var y = clickev.latLng.lng();
var marker_num = marker_ary.length;
var Markerlatlng = new google.maps.LatLng(x, y);
for (i = 0; i < marker_num ; i++) {
if (!!marker_ary[i]) {
if ( (Markerlatlng.lat() == marker_ary[i].position.lat()) && (Markerlatlng.lng() == marker_ary[i].position.lng())) {
return;
}
}
}
marker_ary[marker_num] = new google.maps.Marker({
position: Markerlatlng,
map: map,
clickable: true,
draggable:true
});
google.maps.event.addListener(marker_ary[marker_num], 'mouseover', function() {
var markertext;
var LatLng;
if ( onmouse == false) return;
LatLng = marker_ary[marker_num].getPosition();
markertext = "緯度：" + LatLng.lat() + "<br>" + "経度：" + LatLng.lng();
infowindow_obj[marker_num] = new google.maps.InfoWindow({content: markertext,position:LatLng});
infowindow_obj[marker_num].open(map, marker_ary[marker_num]);
//infowindow[marker_num] = true;
google.maps.event.addListener(infowindow_obj[marker_num], 'closeclick', function() {
//infowindow[marker_num] = false;
infowindow_obj[marker_num].close(map, marker_ary[marker_num]);
delete infowindow_obj[marker_num];
});
});
google.maps.event.addListener(marker_ary[marker_num], 'rightclick', function() {
if ( rightclick == false) return;
if ( infowindow_obj[marker_num]) {
infowindow_obj[marker_num].close(map, marker_ary[marker_num]);
}
marker_ary[marker_num].setMap();
delete marker_ary[marker_num];
});
google.maps.event.addListener(marker_ary[marker_num], 'mouseout', function() {
infowindow_obj[marker_num].close();
});
});
}
function DeleteLeftClick() {
click = click ^ true;
if ( click) {
form.click.value = "左クリック禁止";
} else {
form.click.value = "左クリック許可";
}
}
function DeleteRightClick() {
rightclick = rightclick ^ true;
if ( rightclick) {
form.rightclick.value = "右クリック禁止";
} else {
form.rightclick.value = "右クリック許可";
}
}
function DeleteOnMouse() {
onmouse = onmouse ^ true;
if ( onmouse) {
form.onmouse.value = "on MOUSE 非表示";
} else {
form.onmouse.value = "on MOUSE 表示";
}
}
//]]>
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 600px"></div>
<form name="form">
<input type="button" name="click" value="左クリック禁止" onclick="DeleteLeftClick()" />
<input type="button" name="rightclick" value="右クリック禁止" onclick="DeleteRightClick()" />
<input type="button" name="onmouse" value="on MOUSE 非表示" onclick="DeleteOnMouse()" />
</form>
</body>
</html>
2.エディターで作成したサンプルソースはutf-8エンコードで保存し
FTP（FFFTPなど）で『Google Maps API Ver.3：登録』時に入力した
『使用する Web サイトのURL』へサンプルソースをアップして下さい。
3.アップしたサンプルソースのURLをブラウザから指定したら地図が
表示されるはずです。
因みに私の実働するサンプルURLはここです。
Google Maps API Ver.3：マーカーの追加と削除3
JUGEMテーマ：インターネット
今回は前回作成した「Google Maps API Ver.3：マーカーの追加と削除2」が正常に動作しなかったので修正したものを再アップしました。
動作
マップの任意の位置を左クリックするとマーカーが表示され、マーカーの上にマウスカーソルを持っていくと経度・緯度が表示され、マーカーを右クリックすると削除される様にしました。
1.まずはサンプルソース(下記)をエディタ（任意）にコピーしましょう。
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API3 Sample</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var EventListener;
var marker_ary = new Array();
var infowindow_obj = new Array();
function initialize() {
var latlng = new google.maps.LatLng(37, 138, true);
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true,
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, "click", function(clickev) {
var x = clickev.latLng.lat();
var y = clickev.latLng.lng();
var marker_num = marker_ary.length;
var Markerlatlng = new google.maps.LatLng(x, y);
//二重表示チェック
for (i = 0; i < marker_num ; i++) {
if (!!marker_ary[i]) {
if ( (Markerlatlng.lat() == marker_ary[i].position.lat()) && (Markerlatlng.lng() == marker_ary[i].position.lng())) {
return;
}
}
}
marker_ary[marker_num] = new google.maps.Marker({
position: Markerlatlng,
map: map,
clickable: true,
draggable:true
});
google.maps.event.addListener(marker_ary[marker_num], 'mouseover', function() {
var markertext;
var LatLng;
//二重表示チェック
if ( !!infowindow_obj[marker_num]) {
return;
}
LatLng = marker_ary[marker_num].getPosition();
markertext = "緯度：" + LatLng.lat() + "<br>" + "経度：" + LatLng.lng();
infowindow_obj[marker_num] = new google.maps.InfoWindow({content: markertext,position:LatLng});
infowindow_obj[marker_num].open(map, marker_ary[marker_num]);
//infowindow[marker_num] = true;
google.maps.event.addListener(infowindow_obj[marker_num], 'closeclick', function() {
//infowindow[marker_num] = false;
infowindow_obj[marker_num].close(map, marker_ary[marker_num]);
delete infowindow_obj[marker_num];
});
});
google.maps.event.addListener(marker_ary[marker_num], 'rightclick', function() {
//表示チェック
if ( infowindow_obj[marker_num]) {
infowindow_obj[marker_num].close(map, marker_ary[marker_num]);
}
marker_ary[marker_num].setMap();
delete marker_ary[marker_num];
});
google.maps.event.addListener(marker_ary[marker_num], 'position_changed', function() {
var markertext;
var LatLng;
LatLng = marker_ary[marker_num].getPosition();
markertext = "緯度：" + LatLng.lat() + "<br>" + "経度：" + LatLng.lng();
infowindow_obj[marker_num].setContent( markertext);
});
});
}
//]]>
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 600px"></div>
</body>
</html>
2.エディターで作成したサンプルソースはutf-8エンコードで保存し
FTP（FFFTPなど）で『Google Maps API Ver.3：登録』時に入力した
『使用する Web サイトのURL』へサンプルソースをアップして下さい。
3.アップしたサンプルソースのURLをブラウザから指定したら地図が
表示されるはずです。
因みに私の実働するサンプルURLはここです。
Google Maps API Ver.3：マーカーの追加と削除2
JUGEMテーマ：インターネット
今回はマップの任意の位置を左クリックするとマーカーが表示され、マーカーの上にマウスカーソルを持っていくと経度・緯度が表示され、マーカーを右クリックすると削除される様にしました。
1.まずはサンプルソース(下記)をエディタ（任意）にコピーしましょう。
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API3 Sample</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var EventListener;
marker_ary = new Array();
function initialize() {
var latlng = new google.maps.LatLng(37, 138, true);
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true,
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
google.maps.event.addListener(map, "click", function(clickev) {
var x = clickev.latLng.lat();
var y = clickev.latLng.lng();
var marker_num = marker_ary.length;
var Markerlatlng = new google.maps.LatLng(x, y);
var markertext = "緯度：" + x + "¥n" + "経度：" + y;
marker_ary[marker_num] = new google.maps.Marker({
position: Markerlatlng,
map: map,
clickable: true,
title: markertext
});
google.maps.event.addListener(marker_ary[marker_num], 'rightclick', function() {
marker_ary[marker_num].setMap();
});
});
}
//]]>
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 600px"></div>
</body>
</html>
2.エディターで作成したサンプルソースはutf-8エンコードで保存し
FTP（FFFTPなど）で『Google Maps API Ver.3：登録』時に入力した
『使用する Web サイトのURL』へサンプルソースをアップして下さい。
3.アップしたサンプルソースのURLをブラウザから指定したら地図が
表示されるはずです。
因みに私の実働するサンプルURLはここです。
Google Maps API Ver.3：マーカーの追加と削除
JUGEMテーマ：インターネット
ちょっと前回から間が空いてしまいましたが今回は画鋲みたいな
マーカーの追加（経度・緯度指定）とマーカーの削除（全部）を
やってみました。
任意に経度・緯度を入力して『マーカー追加』ボタンをクリックして下さい。
あまりに離れた経度・緯度を入力するとマップ外になるので御注意を。
小数点以下を変化させると良いかもしれないです。
1.まずはサンプルソース(下記)をエディタ（任意）にコピーしましょう。
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API3 Sample</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var EventListener;
marker_ary = new Array();
function initialize() {
var latlng = new google.maps.LatLng(37, 138, true);
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true,
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
AddMarker();
}
//マーカー追加
function AddMarker() {
var Markerlatlng;
var marker_num = marker_ary.length;
Markerlatlng = new google.maps.LatLng(document.getElementById("Lat").value,document.getElementById("Lng").value,true)
marker_ary[marker_num] = new google.maps.Marker({
position: Markerlatlng,
map: map
});
}
function MarkerClear() {
//マーカー削除
for (i = 0; i < marker_ary.length; i++) {
marker_ary[i].setMap();
}
//配列削除
for (i = 0; i <= marker_ary.length; i++) {
marker_ary.shift();
}
}
//]]>
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 600px"></div>
緯度：<input type="text" id="Lat" value="37"/><br />
経度：<input type="text" id="Lng" value="138"/><br />
<input type="button" value="マーカー追加" onclick="AddMarker()" />
<input type="button" value="マーカークリア" onclick="MarkerClear()" />
</body>
</html>
2.エディターで作成したサンプルソースはutf-8エンコードで保存し
FTP（FFFTPなど）で『Google Maps API Ver.3：登録』時に入力した
『使用する Web サイトのURL』へサンプルソースをアップして下さい。
3.アップしたサンプルソースのURLをブラウザから指定したら地図が
表示されるはずです。
因みに私の実働するサンプルURLはここです。
Google Maps API Ver.3：イベント
JUGEMテーマ：インターネット
今回はイベントの削除とイベントの発生してみたいと思います。
イベントをセレクターから選ぶとイベントが登録されます。
地図内でそのイベントにあった動きをするとメッセージボックスが表示されます。
イベントによってはマウスクリックでメッセージボックスを消す事が出来ない
イベントもあるのでその時はEnterキーでメッセージボックスを消して下さい。
全イベント削除
EventListener.remove();
clickイベント登録
EventListener = google.maps.event.addListener(map, "click", function() {
alert( "clickイベント");
});
1.まずはサンプルソース(下記)をエディタ（任意）にコピーしましょう。
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API3 Sample</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var EventListener;
function initialize() {
var latlng = new google.maps.LatLng(37, 138, true);
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true,
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
EventListener = google.maps.event.addListener(map, "click", function() {
alert( "clickイベント");
});
}
function EventCtrlDisp(ctrl) {
EventListener.remove();
switch( ctrl.selectedIndex) {
case 0 :
EventListener = google.maps.event.addListener(map, "click", function() {
alert( "clickイベント");
});
break;
case 1 :
EventListener = google.maps.event.addListener(map, "center_changed", function() {
alert( "center_changedイベント");
});
break;
case 2 :
EventListener = google.maps.event.addListener(map, "mouseover", function() {
alert( "mouseoverイベント");
});
break;
case 3 :
EventListener = google.maps.event.addListener(map, "mouseout", function() {
alert( "mouseoutイベント");
});
break;
case 4 :
EventListener = google.maps.event.addListener(map, "rightclick", function() {
alert( "rightclickイベント");
});
break;
case 5 :
EventListener = google.maps.event.addListener(map, "dblclick", function() {
alert( "dblclickイベント");
});
break;
case 6 :
EventListener = google.maps.event.addListener(map, "dragstart", function() {
alert( "dragstartイベント");
});
break;
case 7 :
EventListener = google.maps.event.addListener(map, "dragend", function() {
alert( "dragendイベント");
});
break;
case 8 :
EventListener = google.maps.event.addListener(map, "idle", function() {
alert( "idleイベント");
});
break;
case 9 :
EventListener = google.maps.event.addListener(map, "zoom_changed", function() {
alert( "zoom_changedイベント");
});
break;
case 10 :
EventListener = google.maps.event.addListener(map, "maptypeid_changed", function() {
alert( "maptypeid_changedイベント");
});
break;
}
map.setOptions( myOptions);
}
//]]>
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 600px"></div>
イベント：<select onchange="EventCtrlDisp(this)">
<option>click</option>
<option>center_changed</option>
<option>mouseover</option>
<option>mouseout</option>
<option>rightclick</option>
<option>dblclick</option>
<option>dragstart</option>
<option>dragend</option>
<option>idle</option>
<option>zoom_changed</option>
<option>maptypeid_changed</option>
</select>
</body>
</html>
2.エディターで作成したサンプルソースはutf-8エンコードで保存し
FTP（FFFTPなど）で『Google Maps API Ver.3：登録』時に入力した
『使用する Web サイトのURL』へサンプルソースをアップして下さい。
3.アップしたサンプルソースのURLをブラウザから指定したら地図が
表示されるはずです。
因みに私の実働するサンプルURLはここです。
4.表示はこんな感じです。
セレクターを選択する事イベントが変わるので地図内で操作をしてください。
Google Maps API Ver.3：スケールコントローラ
JUGEMテーマ：インターネット
ちょっと間が空きました(^^;
今回はスケールコントロールを表示し、表示位置を変更してみたいと思います。
表示に際して他のコントロールが邪魔になるかと思い表示抑制しました。
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true, ← 全コントロール非表示
scaleControl: true,
scaleControlOptions : {
position : google.maps.ControlPosition.BOTTOM_LEFT
},
1.まずはサンプルソース(下記)をエディタ（任意）にコピーしましょう。
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps API3 Sample</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var myOptions;
function initialize() {
var latlng = new google.maps.LatLng(37, 138, true);
myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
scaleControl: true,
scaleControlOptions : {
position : google.maps.ControlPosition.BOTTOM_LEFT
},
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
function CtrlDisp2(ctrl) {
switch( ctrl.selectedIndex) {
case 0 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.BOTTOM_LEFT
},
};
break;
case 1 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.LEFT
},
};
break;
case 2 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.TOP_LEFT
},
};
break;
case 3 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.TOP
},
};
break;
case 4 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.TOP_RIGHT
},
};
break;
case 5 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.RIGHT
},
};
break;
case 6 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.BOTTOM_RIGHT
},
};
break;
case 7 :
myOptions = {
scaleControlOptions : {
position : google.maps.ControlPosition.BOTTOM
},
};
break;
}
map.setOptions( myOptions);
}
//]]>
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width: 800px; height: 600px"></div>
<form>
位置：<select onchange="CtrlDisp2(this)">
<option>左下</option>
<option>左</option>
<option>左上</option>
<option>上</option>
<option>右上</option>
<option>右</option>
<option>右下</option>
<option>下</option>
</select>
</form>
</body>
</html>
2.エディターで作成したサンプルソースはutf-8エンコードで保存し
FTP（FFFTPなど）で『Google Maps API Ver.3：登録』時に入力した
『使用する Web サイトのURL』へサンプルソースをアップして下さい。
3.アップしたサンプルソースのURLをブラウザから指定したら地図が
表示されるはずです。
因みに私の実働するサンプルURLはここです。
4.表示はこんな感じです。
ボタンを押下する事で地図のイメージが変わります。
| 1/22PAGES | >>
CALENDAR
ARCHIVES
- March 2012 (1)
- February 2012 (3)
- October 2010 (1)
- September 2010 (1)
- May 2010 (2)
- April 2010 (2)
- March 2010 (4)
- February 2010 (5)
- January 2010 (11)
- July 2009 (1)
- May 2009 (5)
- April 2009 (11)
- March 2009 (9)
- February 2009 (4)
- January 2009 (23)
- April 2007 (3)
- February 2006 (35)
- January 2006 (29)
- December 2005 (63)
CATEGORIES
SEARCH THIS SITE.
SELECTED ENTRIES
- PHP 変数その３（数値） (03/04)
- PHP 変数その２（論理値 boolean） (02/27)
- PHP 変数 その１ (02/26)
- PHP ｢Hello World｣ (02/24)
- Google Maps API Ver.3：マーカーの追加と削除4 (10/29)
- Google Maps API Ver.3：マーカーの追加と削除3 (09/28)
- Google Maps API Ver.3：マーカーの追加と削除2 (05/26)
- Google Maps API Ver.3：マーカーの追加と削除 (05/24)
- Google Maps API Ver.3：イベント (04/09)
- Google Maps API Ver.3：スケールコントローラ (04/01)
RECENT COMMENT
- 買っちゃいました（2009/03/09）
⇒ kaion (03/16) - 買っちゃいました（2009/03/09）
⇒ 白鳩 (03/15) - 0.85インチHDD採用の4GバイトのUSBストレージ
⇒ せんぱい (08/28) - 0.85インチHDD採用の4GバイトのUSBストレージ
⇒ せんぱい (05/13) - 0.85インチHDD採用の4GバイトのUSBストレージ
⇒ BlogPetのころ (03/28) - 0.85インチHDD採用の4GバイトのUSBストレージ
⇒ せんぱい (03/26) - 0.85インチHDD採用の4GバイトのUSBストレージ
⇒ BlogPetのころ (03/21) - Netscapeもがんばっているね。
⇒ casino casino gambling online yourbestonlinecasino.com (03/18) - IntelチップのiMacとMacBook Pro発表
⇒ casino slot machine for sale (03/18) - Intel新プラットフォーム発表
⇒ best casino gambling gambling jackpots online online (03/18)
RECENT TRACKBACK
- Google Maps API Ver.3：マップの種類の変更
⇒ Branberyheag Lab (01/28)
PROFILE
OTHERS
