ユーザ用ツール

サイト用ツール


cms:google地図

差分

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

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

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
cms:google地図 [2017/01/09 ]
N_Miya
cms:google地図 [2017/01/17 ] (現在)
N_Miya
ライン 1: ライン 1:
- 
 <​html>​ <​html>​
 +<​head>​
 +    <meta name="​viewport"​ content="​initial-scale=1.0">​
 +    <meta charset="​utf-8">​
 +    <​style>​
 +        html, body {
 +            height: 100%;
 +            margin: 0;
 +            padding: 0;
 +        }
 +        #map {
 +            height: 500px;
 +            width: 100%;
 +        }
 +    </​style>​
 +</​head>​
 <​body>​ <​body>​
-<​p>​東京駅はこちらです。</​p>​ +<div id="map"></​div>​ 
-<div id="mapField"></​div>​ +Google地図を100%の幅で表示 
- <​p>​分からない場合はご連絡下さい。</​p>​ +<script src="https://​maps.googleapis.com/​maps/​api/​js"></​script>​ 
-<​script ​type="​text/​javascript" ​src="http://​maps.googleapis.com/​maps/​api/​js?​sensor=false"></​script>​ +<​script>​ 
-function ​mapInit() { + 
-var centerPosition ​new google.maps.LatLng(35.656956, 139.695518)+    ​function ​initMap() { 
-var option ​= { +        var myLatLng ​{lat: 35.6494974lng: 139.9135392}
-        zoom : 18+         
-        center : centerPosition,​ +        ​var map new google.maps.Map(document.getElementById('​map'​), ​
-        mapTypeId : google.maps.MapTypeId.ROADMAP +            zoom: 17
-    }; +            center: ​myLatLng 
-//​地図本体描画 +        })
-var googlemap ​= new google.maps.Map(document.getElementById("​mapField"​)option); + 
-+        var marker ​= new google.maps.Marker(
-  +            position: myLatLng, 
- </​body>​+            map: map 
 +        }); 
 +    } 
 +    initMap();​ 
 + 
 +</​script>​ 
 + 
 +</​body>​
 </​html>​ </​html>​
 +
 +表示できました。
cms/google地図.1483944627.txt · 最終更新: 2017/01/09 by N_Miya