IDE使うといいことありますよ。
「開発ツール」も
無駄な時間減ります。「開発ツール」で発見できるエラーは処理が止まる直前までしか取れないので、修正してもう一度確認。その後エラーがなければ、OKだけど、前回で処理されなかった部分でエラーがあればそこで止まります。
以上2点のツールで大部分のエラーは自分で発見できます。
今回の質問において、これは書いてあげないとなかなか解決が難しいのは、
css
1#map{
2 width:100%;
3 height:100%; // 親要素に対する割合で、親要素にheight が与えられていない場合は、効かない。
4}
height に % で値を設定した時、親要素に対する割合を表し、親要素にheight が与えられていない場合は、効かない。
ということです。今回の場合、body に対して、height を指定しなければならないということです。
修正箇所4箇所。
html
1<html lang="ja">
2 <head>
3 <meta charset="UTF-8">
4 <script src="https://maps.google.com/maps/api/js?sensor=true&language=ja"></script>
5 <title>googlemapの練習</title>
6 <style>
7 body {
8 width: 100%;
9 height: 100%;
10 }
11 #map{
12 width:100%;
13 height:100%;
14 }
15 </style>
16 </head>
17 <body>
18 <div id="map"></div>
19 <script>
20 var latlng = new google.maps.LatLng(35.66, 139.69);
21 var options = {
22 zoom: 15,
23 center: latlng,
24 maptypeId: google.maps.MapTypeId.ROADMAP
25 };
26 var map = new google.maps.Map(document.getElementById('map'), options);
27 </script>
28 </body>
29</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/11/03 05:05
退会済みユーザー
2015/11/03 05:07