人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

GoogleMap APIを使うために不慣れなjavascriptに取り組んでおります。
バックエンドのphpからマーカーを表示するためのxmlを取得して
javascriptで表示させているのですが高速化の方法を模索しております。

xmlから高速でデータを抽出するにはどうするのが良いのでしょうか?
もしくは、そもそもxmlではなく別の方法でやった方が良いなどのご意見もあれば
あわせて教えていただけると助かります。



現在行っている方法を記述します。

取得するxml

<markers>
<marker>
<code>1</code>
<x>135</x>
<y>34</y>
</marker>
<marker>
<code>2</code>
<x>136</x>
<y>35</y>
</marker>
</markers>


javascriptでの処理

//xmlデータを取得
xmlObj=getObj.responseXML;

map.clearOverlays();
// XMLをパースする
for(i=0;i<xmlObj.getElementsByTagName("marker").length;i++){
var code = xmlObj.getElementsByTagName("code").item(i).firstChild.nodeValue;
var name = xmlObj.getElementsByTagName("x").item(i).firstChild.nodeValue;
var name = xmlObj.getElementsByTagName("y").item(i).firstChild.nodeValue;
//マーカーを出力するための処理
createMarker(mp,code,x,y);
}

●質問者: yuukunz
●カテゴリ:ウェブ制作
✍キーワード:API JavaScript MAP name PHP
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● b-wind
●35ポイント

http://d.hatena.ne.jp/amachang/20060417/1145236908

リンク先に PowerPoint のファイルですが、JavaScript の高速化についての資料があります。

DOM についても記述が有りましたので参考になるかと思います。

◎質問者からの返答

私も検索している中で見つけました。

ご紹介ありがとうございます。


2 ● naokn
●35ポイント

XMLではなく、JSONの形式を使えば、データ量も圧縮できるので高速化が見込めます。

Google グループ: Google-Maps-API-Japan JSON形式のデータの読み込み

◎質問者からの返答

JSONの方が早いんですね。

知りませんでした。

早速やってみたら微妙に早くなった気がします。

重い要因はマーカー出力のようです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ