Googlemap でマーカーの吹き出しに指定のHtmlを表示するように書いたつもりなのですが、IEとオペラでは意図どうりに表示されるのですがFFとNNではマーカーが表示されません。
javascriptはあまり得意ではないのでわかりやすく説明して頂けると他助かります。
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(43.05578, 141.353257), 15);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
kyaba =[
[141.353075, 43.053673, "ダミー", "ダミー2", "ダミー3"],
[141.352919, 43.054167, "ダミー", "ダミー2", "ダミー3"]
];
for (i = 0; i < kyaba.length; i++){
point = new GPoint(kyaba[i][0], kyaba[i][1]);
dada = "<p>" + kyaba[i][2] + "</p>" + "<p>" + kyaba[i][3] + "</p>" + "<p>" + kyaba[i][4] + "</p>";
createMarker(point, dada);
function createMarker(point,msg){
var marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(msg);
});
}
}
}
}
//]]>
</script>
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
FireFoxで試してみましたところ、createMarker is not defined というErrorが出ました。
よって既に記述済み function load(){} 内よりcreateMarker()関数を load() 外に出してあげると動作します。 NNは試 していません。 すすきのは10年位前に一度行ったことがあります。
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(43.05578, 141.353257), 15);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
kyaba =[
[141.353075, 43.053673, "ダミー", "ダミー2", "ダミー3"],
[141.352919, 43.054167, "ダミー", "ダミー2", "ダミー3"]
];
for (i = 0; i < kyaba.length; i++){
point = new GPoint(kyaba[i][0], kyaba[i][1]);
dada = "<p>" + kyaba[i][2] + "</p>" + "<p>" + kyaba[i][3] + "</p>" + "<p>" + kyaba[i][4] + "</p>";
createMarker(point, dada);
}
}
function createMarker(point,msg){
var marker = new GMarker(point);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(msg);
});
}
}
//]]>
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- その他(プログラミング・Web制作) python 2 2022/12/23 09:06
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C#OpenCv V4にのエラーに関する...
-
google apps scriptの終了のさせ方
-
GASでundefinedエラーが出ます
-
リンク集をCSVファイルで管理し...
-
正規表現について質問です。条...
-
ホームページの最終更新日を他...
-
GASでGoogleフォームの自動返信...
-
ASP.NET MVCでObjectをjsに渡す
-
JavaScriptを使って毎日決まっ...
-
ジェネレーターの作り方
-
ASP.NETのコントロールの値をJa...
-
javascriptでiframeのURL変更は?
-
jsによって検索プルダウン、都...
-
Google Apps Script で添付ファ...
-
html javascript リンク先アド...
-
翌月を取得するGASが分かりません
-
JavaScriptで日付を取得したいです
-
毎週土曜日のみの日付を取得、...
-
JavaScriptで平日のみをカウン...
-
アルファベットABCD…をスマート...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
GASでGoogleフォームの自動返信...
-
HTMLで作った時報アプリが動き...
-
javascriptでテーブルに追加し...
-
html javascript リンク先アド...
-
【西暦等の変換】
-
ローカルにあるファイルを検索...
-
ASP.NETのコントロールの値をJa...
-
なぜmatchメソッドがエラーにな...
-
翌月を取得するGASが分かりません
-
gas スプレッドシートがアクテ...
-
ASP.NET MVCでObjectをjsに渡す
-
カンマで終わってるのはセミコ...
-
JavaScriptで文字列の特定文字...
-
javascriptでiframeのURL変更は?
-
APIを使って埋め込んだグーグル...
おすすめ情報