HTML5でのgoogle map api v3の実装についておしえてください。
HTML5でのホームページを初めて制作して、google map api v3を実装したのですが、モダンブラウザとIE8では、問題無く表示されるのですが、IEではバージョンが7以下のブラウザでは、地図表示部分が全く表示されません。
IE6以下のブラウザは仕方無いとしても、IE7では正常に表示させたいのですが、どうしたらバグを解消できるか教えてください。
ソースは下記です。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>××</title>
<link href="css/page.css" rel="stylesheet" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false" …
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function() {
var mapdiv = document.getElementById('map');
var myOptions = {
zoom: ズーム,
center: new google.maps.LatLng(緯度, 経度),
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true
};
var map = new google.maps.Map(mapdiv, myOptions);
});
</script>
</head>
<body onload="initialize()">
<div id="map"></div>
僕のソースの記述にどこか間違いがあるのか?
それともHTML5では、v3を実装してIE7で正常に表示することができないのか?
いろいろなサイトを見て調べたのですがわかりませんでした。
ホームページを作り始めて間もないので、ご指導いただければ助かります。
なにとぞよろしくお願い致します。
No.2ベストアンサー
- 回答日時:
No.3
- 回答日時:
#1です。
>HTML5としては認識されないんですね
すみません。表現が悪かったみたいです。
けっしてそういう意味ではありません。
テストしたのがIE6なので、HTML5には対応していないだろうというだけの意味です。(確認してませんけれど)
No.1
- 回答日時:
ご提示のコードのままで(位置情報などは加えて)、こちらのIE6では表示できてますけれど…?
(HTML5としては認識してないと思いますが)
・表示用divにwidth、heightが設定されていないとか?
・onload="initialize()"ってのがbodyに設定されていますが、
そちらが何か悪さをしている可能性はありませんか?
(onloadのほうが先に実行されるっぽいので…)
僕の、書いたソースが間違っていました。
ご丁寧に教えてくださって、本当にありがとうございました。
僕のソースでは、HTML5としては認識されないんですね。
その意味がわからないのですが、もし、よろしかったら、どうしたら認識されるのか、この機会に教えていただけたら幸いです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【Javascript】ボタンクリック...
-
formのsubmitを押すとモーダル...
-
改行をしたいが、<br>と...
-
特定の条件のHTML要素を一括で...
-
javascriptでの(-)ハイフンの処...
-
ECサイトのリクエストパラメー...
-
JavascriptでDom XSSの脆弱性対...
-
Q&A掲示板の入力フォームに文字...
-
動画の上に広告をオーバーレイ...
-
JavaScriptのdiv.style属性の変...
-
【JavaScript】検索がヒットし...
-
「ご処理進めて頂きますようお...
-
エクセルで、日付を入力すると...
-
【Excel】特定の文字を含むセル...
-
メルカリのメルカードで買い物...
-
CloseとDisposeの違い
-
Excelシート上のマクロを登録し...
-
VBAでループ内で使う変数名を可...
-
アクセスVBAのMe!と[ ]
-
エクセルVBAで、MsgBox やInput...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavascriptのHTMLクラス表示に...
-
【JavaScript】検索がヒットし...
-
JavascriptでDom XSSの脆弱性対...
-
JavascriptでXSSの脆弱性への対...
-
CSSでreadonlyの機能はあり...
-
formのsubmitを押すとモーダル...
-
javascriptのエラーで質問です。
-
特定の条件のHTML要素を一括で...
-
javascriptで複数の表示・非表...
-
確認ダイアログを次からは表示...
-
2回目以降のページロード時には...
-
jqueryを使ったスムーススクロ...
-
時間帯によって背景を切り替え...
-
jqueryアコーディオンの上部の...
-
クリックすると、色が変わるよ...
-
jQueryでのドラッグアンドドロ...
-
ブラウザの表示領域から高さを...
-
vertical sliderをautoplayしたい
-
動画の上に広告をオーバーレイ...
-
GoogleストリートビューAPIでイ...
おすすめ情報