ユーザ用ツール

サイト用ツール


cms:google地図

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
cms:google地図 [2017/01/15 ]
N_Miya
cms:google地図 [2017/01/17 ] (現在)
N_Miya
ライン 1: ライン 1:
 <​html>​ <​html>​
 <​head>​ <​head>​
-    <​title>​Simple Map</​title>​ 
     <meta name="​viewport"​ content="​initial-scale=1.0">​     <meta name="​viewport"​ content="​initial-scale=1.0">​
     <meta charset="​utf-8">​     <meta charset="​utf-8">​
ライン 12: ライン 11:
         #map {         #map {
             height: 500px;             height: 500px;
-            width: ​80%;+            width: ​100%;
         }         }
     </​style>​     </​style>​
ライン 18: ライン 17:
 <​body>​ <​body>​
 <div id="​map"></​div>​ <div id="​map"></​div>​
-<​script>​ +Google地図を100%の幅で表示
- +
-    var map; +
-    function initMap() { +
-        map = new google.maps.Map(document.getElementById('​map'​),​ { +
-            center: {lat: 35.658581, lng: 139.745433},​ +
-            zoom: 15 +
-        }); +
-    } +
- +
-</​script>​ +
 <script src="​https://​maps.googleapis.com/​maps/​api/​js"></​script>​ <script src="​https://​maps.googleapis.com/​maps/​api/​js"></​script>​
 <​script>​ <​script>​
ライン 37: ライン 25:
         ​         ​
         var map = new google.maps.Map(document.getElementById('​map'​),​ {         var map = new google.maps.Map(document.getElementById('​map'​),​ {
-            zoom: 16,+            zoom: 17,
             center: myLatLng             center: myLatLng
         });         });
ライン 52: ライン 40:
 </​body>​ </​body>​
 </​html>​ </​html>​
 +
 +表示できました。
cms/google地図.1484433752.txt · 最終更新: 2017/01/15 by N_Miya