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

質問

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

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

-----
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 · ベストアンサー

おや、と試しに投稿されているソースを
そのままコピペして、XMLだけ適当に作って試したらちゃんと動きましたよ。
ただし、
var markers = xml.documentElement.getElementsByTagName("marker");
だけ
var markers = xml.getElementsByTagName("marker");
に変えました。

お礼

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

回答No.1

yyr446

試していませんが、
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だとそうではない、というところまではなんとなくわかったのですが…