GoogleMapAPI/API6
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
*API5(Ajaxで外部PHPファイルを読み込み) [#p50fbf8c]
RIGHT:更新日&lastmod();
//<![CDATA[
var address;
//GXmlHttp TEST
var request = GXmlHttp.create(); <==(1)
request.open("GET", "read_test.php", true);<==(2)
request.onreadystatechange = function() { <==(3)
if (request.readyState == 4) { <==(4)
var xmlDoc = request.responseXML; <==(5)
var data1 = xmlDoc.documentElement.getElements...
...
address = data1[0].getAttribute("address_x"); ...
^^^^^^(C) ^^^^^^^^^(B)
load(); <==(8)
}
}
request.send(null); <==(9)
function load(){
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map...
// GClientGeocoderを初期化
geocoder = new GClientGeocoder();
geocoder.getLatLng(
address,
function(point){
if (!point) {
alert("Address not found...
}else{
map.setCenter(point, 13);
var marker = new GMarker...
map.addOverlay(marker);
}
}
);
}
GXmlHttpを使うとHTTPによるコネクションを確立してデータを...
(1)では
HTTPのリクエストはrequest.open() [ var request = GXmlHtt...
(2)ではrequest.open()で開くファイルを指定する。~
(3)GXmlHttpではステートが変わる毎に呼び出されるコールバッ...
(4)戻り値を評価している戻り値は~
readyStateプロパティは現在のオブジェクトの状態を表し、次...
値 意味~
１ オブジェクトが初期化されていない~
２ オブジェクトがデータをロード中~
３ オブジェクトがデータをロード中だが、オブジェクトは操作...
４ データのロード完了~
(5)~
(6)開くXML(今回はPHPでXMLを作成)のタグを指定。~
変数A,Bは下のXMLファイルタグと変数に合わせる。また(C)の配...
(7)data1[0]で最初の行の要素(address_x)を取得~
(8)すべて取得後に次のめ命令を実行。(9)で実際に読み出しが...
''read_test.php''~
読み込むXML(PHP)ファイル。data1[1]は2行目のデータになる。~
xmlを示すheader("Content-Type: text/xml");がJavascriptで...
また、(1)のようなXML宣言も必要？
<?php
header("Content-Type: text/xml");
print "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"; <=...
print "<readdata>\r\n";
print " <data1 address_x=\"三重県松阪市久保町\" p2=\"２...
^^(A) ^^^^(B)
print " <data1 address_x=\"三重県松阪市久保町\" p2=\"２...
print "</readdata>\r\n";
?>
終了行:
*API5(Ajaxで外部PHPファイルを読み込み) [#p50fbf8c]
RIGHT:更新日&lastmod();
//<![CDATA[
var address;
//GXmlHttp TEST
var request = GXmlHttp.create(); <==(1)
request.open("GET", "read_test.php", true);<==(2)
request.onreadystatechange = function() { <==(3)
if (request.readyState == 4) { <==(4)
var xmlDoc = request.responseXML; <==(5)
var data1 = xmlDoc.documentElement.getElements...
...
address = data1[0].getAttribute("address_x"); ...
^^^^^^(C) ^^^^^^^^^(B)
load(); <==(8)
}
}
request.send(null); <==(9)
function load(){
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map...
// GClientGeocoderを初期化
geocoder = new GClientGeocoder();
geocoder.getLatLng(
address,
function(point){
if (!point) {
alert("Address not found...
}else{
map.setCenter(point, 13);
var marker = new GMarker...
map.addOverlay(marker);
}
}
);
}
GXmlHttpを使うとHTTPによるコネクションを確立してデータを...
(1)では
HTTPのリクエストはrequest.open() [ var request = GXmlHtt...
(2)ではrequest.open()で開くファイルを指定する。~
(3)GXmlHttpではステートが変わる毎に呼び出されるコールバッ...
(4)戻り値を評価している戻り値は~
readyStateプロパティは現在のオブジェクトの状態を表し、次...
値 意味~
１ オブジェクトが初期化されていない~
２ オブジェクトがデータをロード中~
３ オブジェクトがデータをロード中だが、オブジェクトは操作...
４ データのロード完了~
(5)~
(6)開くXML(今回はPHPでXMLを作成)のタグを指定。~
変数A,Bは下のXMLファイルタグと変数に合わせる。また(C)の配...
(7)data1[0]で最初の行の要素(address_x)を取得~
(8)すべて取得後に次のめ命令を実行。(9)で実際に読み出しが...
''read_test.php''~
読み込むXML(PHP)ファイル。data1[1]は2行目のデータになる。~
xmlを示すheader("Content-Type: text/xml");がJavascriptで...
また、(1)のようなXML宣言も必要？
<?php
header("Content-Type: text/xml");
print "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"; <=...
print "<readdata>\r\n";
print " <data1 address_x=\"三重県松阪市久保町\" p2=\"２...
^^(A) ^^^^(B)
print " <data1 address_x=\"三重県松阪市久保町\" p2=\"２...
print "</readdata>\r\n";
?>
ページ名:
![[PukiWiki]](image/../localimages/Atom.gif "[PukiWiki]")
