ユーザ用ツール

サイト用ツール


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 initMap() { 
 +        var myLatLng = {lat: 35.6494974, lng: 139.9135392};​ 
 +         
 +        var map = new google.maps.Map(document.getElementById('​map'​),​ { 
 +            zoom: 17, 
 +            center: myLatLng 
 +        }); 
 + 
 +        var marker = new google.maps.Marker({ 
 +            position: myLatLng, 
 +            map: map 
 +        }); 
 +    } 
 +    initMap();​ 
 + 
 +</​script>​
  
-function mapInit() {var centerPosition = new google.maps.LatLng(35.656956,​ 139.695518);​ 
-var option = {zoom : 18,center : centerPosition,​mapTypeId : google.maps.MapTypeId.ROADMAP};​ 
-//​地図本体描画 
-var googlemap = new google.maps.Map(document.getElementById("​mapField"​),​ option);} 
 </​body>​ </​body>​
 </​html>​ </​html>​
 +
 +表示できました。
cms/google地図.1483944725.txt · 最終更新: 2017/01/09 by N_Miya