google map apiで下記のhtmlが動かないのは何故か? 1. 2. 3. 4. 5. 6. #map{ 7. width: 100%; 8. height: 100%; 9. } 10. 11. 12. 13. 14. 15. 24. 25. 26. 動かない理由と、修正個所の指摘をお願いします。

急いでいます！

google map apiで下記のhtmlが動かないのは何故か?

解決済

質問者：usui-2015
質問日時：2015/11/09 15:58
回答数：1件

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. 
24. </SCRIPT>
25. </BODY>
26. </HTML>

動かない理由と、修正個所の指摘をお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2015/11/09 17:11

ブラウザによって反応が異なるようですが・・・

以下を修正すれば、多分動作すると思います。

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