こんばんは。いつもお世話になっております。
2つのGoogleMapsを「map1.html」と「map2.html」にわけて、1つのhtmlにそれぞれiframeで読み込んでいるのですが、
IE6でのみ上手く動いたり動かなかったりします。
<head>内に以下のコードを記述しています。
━ ソースコード ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
<script src="http://maps.google.com/maps?file=api&v=2&key=Goo …のキー" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//<![CDATA[
var map;
var markers = new Array(1);
function onLoad() {
map = new GMap(document.getElementById("gmaps"));
map.setCenter(new GLatLng(緯度,経度),16);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setMapType(G_NORMAL_MAP);
var marker = null;
var n_markers = 0;
var markeropts = new Object();
marker = new GMarker(new GLatLng(緯度,経度),markeropts);
markers[n_markers] = marker;
n_markers++;
map.addOverlay(marker);
map.setCenter(new GLatLng(緯度,経度),16);
map.openInfoWindowHtml(map.getCenter(),
"<strong>所在地</strong><br />〒000-0000<br />住所<br />電話番号:000-0000-0000");
}
//]]>
</script>
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
上記のコードのうち問題のコードは
「map = new GMap(document.getElementById("gmaps"));」の部分で、
「GMapは宣言されていません」というエラーがIE6で出たり出なかったりします。
エラーが出た場合はマップは表示されません。
2つのファイルで同じソースコードを使用していることがまずいのか、
根本的に書き方がおかしいのか、知識が乏しいためにわからない状況です。
もしご存知の方いらっしゃいましたら、教えていただきたいです。
よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
<捕捉(参考)>
異なる<iframe>にある、mapコンテナーの参照は、
------
map1 = new GMap2(parent.iframe1.document.getElementById("map1"),
{ size: new GSize(640, 480) });
map2 = new GMap2(parent.iframe2.document.getElementById("map1"),
{ size: new GSize(640, 480) });
-----
<iframe src="./frame_map1.htm" name="iframe1" width="640" height="480"></iframe>
<br />
<iframe src="./frame_map2.htm" name="iframe2" width="640" height="480"></iframe>
frame_map1.htm、frame_map2.htmの中身(両方とも)
<html>
<body>
<div id="map1"></div>
</body>
</html>
で、両方のiframe内の地図とも、Firefoxではうまくいくのですが、
IEでは、両方の地図の表示と操作はうまくいきますが、
マーカーの追加等の操作は出来ませんでした。残念!
(以上)
回答ありがとうございます!
そうなのです。アドバイスをいただいていろいろ試してはいますが
どうしてもIE6だと表示されたりされなかったり。
あるマシンはまったくエラーがでなくても、あるマシンはエラーばかりだったりです。
IE6のサポートが不安定とかそういうことなのでしょうか・・・
もう少しの間、模索してみます。
No.1
- 回答日時:
通常mapオブジェクトは一つのコンテナーに対し一つづつ、
個別に作るのが標準のはずです。
2つマップ表示があるなら、
<div id="gmaps1"></div>
<div id="gmaps2"></div>
map1 = new GMap(document.getElementById("gmaps1"));
map2 = new GMap(document.getElementById("gmaps2"));
としてmapクラスをインスタンスし、
map1.setCenter(new GLatLng(緯度,経度),16);
map1.addOverlay(marker);
map2.setCenter(new GLatLng(緯度,経度),16);
map2.addOverlay(marker);
の様に個別に操作するのが基本のはず。
また、マップコンテナーが、子Windowや、子フレームにある時、あるいは
マップコンテナーをスタイルシートで隠したりしていると、親から
Javascriptで操作するとき、ブラウザーによっては、うまく動作しない
機能があるみたい(原因は多種多様)です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ストリートビューでマーカーク...
-
カンマ区切りのデータを配列に...
-
2つのGoogleMapsを1ページに表...
-
JavaScriptでtabindexの変更っ...
-
readyStateが4にならない原因
-
ajaxでエラー処理
-
ホームページについて
-
選択範囲のリンク URL の抽出
-
flame越しの命令
-
Yahoo!ウィジェットのgetElemen...
-
googleマップがWinIEのみエラー...
-
bxsliderで巻き戻しにする方法
-
AjaxでJSONを受信すると、文字...
-
Ajaxでフォームデータを連続登...
-
ajaxでPHPにPOST送信して結果デ...
-
アコーディオンで多階層のメニ...
-
jQuery を外部ファイルから呼び...
-
【再質問】計算(入数*単価)...
-
連番タイトル名を基準にリンク...
-
<input>のvalue値をプルダウン...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二つのbxsliderをレスポンシブ...
-
カンマ区切りのデータを配列に...
-
Googleマップのピンをクリック...
-
たくさんの経由地がある巡回ル...
-
googleマップが表示されない。
-
C言語の 配列の中 出力について
-
google maps api v3のルート検索
-
グーグルマップにマーカーを色...
-
how's whether today in yufuin?
-
Google maps api v3と印刷について
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
readyStateが4にならない原因
-
階層別の組織図の自動作成について
-
[jQuery UI] sortableを使いaja...
-
JavascriptからPHPへのAjax通信...
-
AjaxでJSONを受信すると、文字...
-
jQueryのblockUIをformのボタン...
-
.txtファイルの読み込み
-
SQLのmaxで求めた値を変数に代...
おすすめ情報