google map apiで下記のhtmlが動かないのは何故か?
1. <HTML lang="utf-8">
2. <HEAD>
3. <meta charset="sjis">
4. <SCRIPT SRC="http://maps.google.com/maps/api/js?sensor=false" TYPE="text/javascript"></SCRIPT>
5. <style>
6. #map{
7. width: 100%;
8. height: 100%;
9. }
10. </style>
11. </HEAD>
12. <BODY>
13. <DIV id="map"></DIV>
14. <SCRIPT TYPE="text/javascript">
15. <!--
16. var latlng=new google.maps.Latlng(35.66,139.69);
17. var options={
18. zoom: 15,
19. center: latlng,
20. mapTypeId: google.maps.MapTypeId ROADMAP
21. };
22. var map=new google.maps.Map(document.getElementById('map'),options);
23. // -->
24. </SCRIPT>
25. </BODY>
26. </HTML>
動かない理由と、修正個所の指摘をお願いします。
No.1ベストアンサー
- 回答日時:
ブラウザによって反応が異なるようですが・・・
以下を修正すれば、多分動作すると思います。
1)DOCTYPE宣言をいれてください。
2)<HTML lang="utf-8">
lang属性には言語コードを指定してください。
ja(日本語)、en(英語)、de(独語) など…
3)サイズをCSSで%で指定しているので、#mapだけでなく
念のため html, body, #map で指定してください。
4)new google.maps.Latlng
↓
new google.maps.LatLng
5)google.maps.MapTypeId ROADMAP
↓
google.maps.MapTypeId.ROADMAP
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
なぜmatchメソッドがエラーにな...
-
C#OpenCv V4にのエラーに関する...
-
ジェネレーターの作り方
-
ASP.NETのコントロールの値をJa...
-
JavaScriptで決まった「時刻」...
-
gas スプレッドシートがアクテ...
-
JavaScriptで平日のみをカウン...
-
イベントが初めの一回しか起き...
-
javascriptでiframeのURL変更は?
-
商品コードを入力で、商品名、...
-
GoogleMapで設定したルート上の...
-
【javascript】正規表現で括弧...
-
javascriptでテーブルに追加し...
-
ホームページの最終更新日を他...
-
JavaScriptで複数のCSVを取得し...
-
$("body").height();と$("body"...
-
変数と文字列からオブジェクト...
-
Strutsで半角英数字1文字以上
-
JsでDateオブジェクトの年月日...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
javaScriptのコードの修正をお...
-
ジェネレーターの作り方
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
GASでundefinedエラーが出ます
-
C#で、ContextMenuStripに動的...
-
GASでGoogleフォームの自動返信...
-
ASP.NET MVCでObjectをjsに渡す
-
VSCODE[Python]の設定について
-
C# 演算 奇数と偶数 表現の仕方
-
javascriptでiframeのURL変更は?
-
イベントが初めの一回しか起き...
-
なぜmatchメソッドがエラーにな...
-
gas スプレッドシートがアクテ...
-
jqGridについて
-
var exports = exports || {}; ...
-
JavaScriptで文字列の特定文字...
-
javascriptでテーブルに追加し...
おすすめ情報