ユーザ用ツール

サイト用ツール


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: ​50%;+            width: ​100%;
         }         }
     </​style>​     </​style>​
ライン 18: ライン 17:
 <​body>​ <​body>​
 <div id="​map"></​div>​ <div id="​map"></​div>​
 +Google地図を100%の幅で表示
 +<script src="​https://​maps.googleapis.com/​maps/​api/​js"></​script>​
 <​script>​ <​script>​
  
-    var map; 
     function initMap() {     function initMap() {
-        map = new google.maps.Map(document.getElementById('​map'​),​ { +        ​var myLatLng = {lat: 35.6494974, lng: 139.9135392};​ 
-            center: {lat35.658581, lng: 139.745433}+         
-            ​zoom14+        var map = new google.maps.Map(document.getElementById('​map'​),​ { 
 +            zoom: 17, 
 +            center: ​myLatLng 
 +        }); 
 + 
 +        var marker = new google.maps.Marker({ 
 +            positionmyLatLng
 +            ​mapmap
         });         });
     }     }
 +    initMap();
  
 </​script>​ </​script>​
-<script src="​https://​maps.googleapis.com/​maps/​api/​js?​callback=initMap"></​script>​+
 </​body>​ </​body>​
 </​html>​ </​html>​
 +
 +表示できました。
cms/google地図.1484431753.txt · 最終更新: 2017/01/15 by N_Miya