googlemapsAPIでマーカー表示されない

googlemaps APIを使ったマッシュアップサイトを作る練習を本を見ながらやっていますが、
本のとおりプログラミングしても地図は表示されるのですがマーカーが表示されません。
(アップロードする前にfirefoxで確認)
とりあえずv2で製作しています。
マーカーを表示させる方法を教えてください。

下記がjavascriptファイルです。よろしくお願いします。




var map

window.onload = function() {
load();
}

function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("mymap"));
map.setCenter(new GLatLng(35.6829, 139.7653), 13);
}
}
function _d(id, htmlTxt) {
document.getElementById(id).innerHTML = htmlTxt;
}
function createDiv(id,left,top) {
var outDiv;
outDiv =document.createElement('div');
outDiv.id = id;
document.body.appendChild(outDiv);

var tgdStyle = document.getElementById(id).style;
tgdStyle.position = "absolute";
tgdStyle.left = left + "px";
tgdStyle.top = top + "px";
tgdStyle.background = "white";
}
function removeDiv(id) {
var outDiv = document.getElementById(id);
document.body.removeChild(outDiv);
}
function varChk(target,type) {
{
return typeof(target) == type ? true : false;
}
}
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("mymap"));
map.setCenter(new GLatLng(35.6829, 139.7653), 5);
map.addControl(new GScaleControl());
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl(new GSize(128,128)));
}
}
function createGMarker(title, html, lat, lng) {
var infoObj = new Object();
infoObj.title = title;
var gpObj = new GLatLng(lat, lng);
var marker = new GMarker(gpObj, infoObj);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
}

No.2 ベストアンサー 回答者： yyr446 回答日時： 2010/11/16 09:25

の部分を変えればいいのでしょうか？

＝＞その関数の内容はあってると思います。
もしかして、マーカーが表示されないのは、その関数を呼び出して無い
だけだったりして、

function load() {
の最後
map.addControl(new GOverviewMapControl(new GSize(128,128)));
の直後に、
createGMarker("aaaa","hogehoge",35.6829, 139.7653);
と書いてみて！

この回答へのお礼

できましたー！ありがとうございます。

お礼日時：2010/11/22 17:25

No.1 回答者： yyr446 回答日時： 2010/11/12 18:40

断片的なご提示なので、どこに問題があるか解りかねますが、

マーカー表示の部分はとりあえず間違ってないですよ。

function load(){...}が2つあるのは冗談かな、最初のを消しときましょう。

その上で、あなたのcreateGMarker()関数を
　createGMarker("aaaa","hogehoge",35.6829, 139.7653);
と、呼び出せば
東京に標準マーカーが現われ、マウスを合わせるとツールチップにaaaa
と出て、クリックするとhogehogeと出ますよ。

この回答への補足

ありがとうございます。
一応やってみたつもりですがうまくいきません。
初心者すぎるので全く違ったことをやってるかもしれません・・・

function createGMarker(title, html, lat, lng) {

の部分を変えればいいのでしょうか？
初心者すぎてスイマセン・・・

補足日時：2010/11/13 13:00