パソコンの小技・備忘録


トップページ > 小技一覧(ホームページ) > GoogleMapを表示する。

GoogleMapを表示する。

GoogleMapを表示する。

下記の例では、GoogleMapのAPI(Version3)を使用して、東京駅周辺を表示します。

'GoogleMapを開く
<html>

<head>
  <title>GoogleMapを表示する。</title>
  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
  <script type="text/javascript">
  <!--
    var map;
    function initialize() {
      var mapOptions = {
        zoom: 15,
        center: new google.maps.LatLng(35.681382, 139.766084),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
     map = new google.maps.Map(document.getElementById('map_disp'),mapOptions);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  // -->
  </script>
</head>

<body>

  <div id="map_disp" style="width:500px; height:400px"></div>

</body>

</html>


実際の表示例



トップページに戻る

パソコンの小技・備忘録トップページ(http://pckowaza.web.fc2.com/)を表示

※更新履歴などを掲載していますので、お気に入りはぜひトップページでお願いします!

サイト内検索

 Googleでサイト内検索

小技カテゴリー

カウンタ

メール送信

 ご意見・相互リンク募集中!
意見・相互リンクメールを送信!
inserted by FC2 system