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

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

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

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

お礼

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

回答No.1

yyr446

断片的なご提示なので、どこに問題があるか解りかねますが、
マーカー表示の部分はとりあえず間違ってないですよ。

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

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

補足

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

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

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