GoogleMap APIマーカーマネージャーとXMLの読み込み

Google Codeのページ
http://code.google.com/intl/ja/apis/maps/documen …
に載っていたマーカーマネージャーを使用し、さらにGDownloadUrlでXMLを読み込んで
http://code.google.com/intl/ja/apis/maps/documen …
地図を作成しようとしております。

現在記述は以下のようになっています。

-----
var map = null;
var mgr = null;
var batch = [];

function setupMap() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.66332844365397,139.7321891784668),16);
map.addControl(new GLargeMapControl());
map.enableDoubleClickZoom();
window.setTimeout(setupMarkers, 0);
}
}

function getMarkers() {
GDownloadUrl("○○○.xml", createMap);
return batch;
}

function createMap(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));

var markeropts = new Object();markeropts.title = name;

var marker = new GMarker(new GPoint(lng,lat), markeropts);
batch.push(marker); // ※1
}
return batch;
}

function setupMarkers() {
mgr = new MarkerManager(map);
mgr.addMarkers(getMarkers(), 14);
mgr.refresh();
}
-----

いろいろと検証の結果、XMLの読み込みはうまくいっており、※1のところでbatchにはちゃんとpushされていることは確認したのですが、最終的にマーカーは表示されません。

function getMarkersが

function getMarkers() {
var batch = [];
var markeropts = new Object();markeropts.title = "六本木";
var marker = new GMarker(new GPoint(35.66332844365397,139.7321891784668), markeropts);
batch.push(marker);
return batch;
}

の時はマーカーがちゃんと表示されたことも確認しております。

どこがおかしいのでしょうか？
また、根本的に間違っているor他にいい方法があるのであればご教示ください。
よろしくお願い致します。

No.2 ベストアンサー 回答者： yyr446 回答日時： 2009/09/11 18:57

おや、と試しに投稿されているソースを

そのままコピペして、XMLだけ適当に作って試したらちゃんと動きましたよ。
ただし、
var markers = xml.documentElement.getElementsByTagName("marker");
だけ
var markers = xml.getElementsByTagName("marker");
に変えました。

この回答へのお礼

参考URLのソースをコピペさせていただき私のものと比較したところ、
私の
mgr = new MarkerManager(map); //<== GmapsUtilityLibraryのマーカーマネージャー
をyyr446様がお使いになった
mgr = new GMarkerManager(map); //<== GoogleMapsAPIのマーカーマネージャー
に変更したらちゃんと動きました。
とても助かりました。
ありがとうございました。

お礼日時：2009/09/13 11:02

No.1 回答者： yyr446 回答日時： 2009/09/11 15:48

試していませんが、

function createMap(data) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));

var markeropts = new Object(); markeropts.title = name;

var marker = new GMarker(new GPoint(lng,lat), markeropts);
batch.push(marker); // ※1
}
return batch;
}
の中の
var marker = new GMarker(new GPoint(lng,lat), markeropts);
を
var marker = makeMarher(new GPoint(lng,lat),markeropts);
として、
関数の外に
function makeMarher(arg1,arg2){
var marker=new GMarker(arg1,arg2);
return marker;
}
としてみて下さい。
それから、現状どっちでもだいじょうぶですが、地理座標 (経緯度)は
GPoint(lng,lat)よりGLatLng(lat,lng)
を使います。

この回答へのお礼

ありがとうございます。
残念ながら解決しませんでした。

現段階で、
function getMarkers() {
GDownloadUrl("○○○.xml", createMap);
return batch;
}
でbatchの中にマーカーのポイントが正しく格納されていれば表示されることは確認しております。
↓これはうまく動く
-----
function getMarkers() {
addMakers();
return batch;
}

function addMakers() {
var markeropts = new Object(); markeropts.title = "六本木";
var marker = new GMarker(new GPoint(35.66332844365397,139.7321891784668), markeropts);
batch.push(marker);
return batch;
}
-----

createMapの中でbatchにポイントを入れ込んでいますが、この方法が正しくないようなのです。perlだとグローバル変数の値をサブルーチン内で変更すればサブルーチンから出たときにそのグローバル変数の値も変わっていますが、どうやらjavascriptだとそうではない、というところまではなんとなくわかったのですが…

お礼日時：2009/09/11 16:50