例−26:Google Maps + Google Earth

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>例−28:マップタイプ(地図)いろいろ</title>
  <script src="http://maps.google.co.jp/maps?file=api&amp;v=2&amp;key=[MAPS_API_KEY]"
  type="text/javascript"></script>
  <script type="text/javascript">
  //<![CDATA[

    function load() {
        if (GBrowserIsCompatible()) {
          //地図を作成
          var map = new GMap2(document.getElementById("map"));
          
              //日本全体が収まるような中心地点に設定
              var latlng = new GLatLng(35.658587,139.745425);
                              
              map.addMapType(G_PHYSICAL_MAP);  //地形
              
              map.addMapType(G_MOON_VISIBLE_MAP);  //月面写真
              
              map.addMapType(G_MOON_ELEVATION_MAP);  //月面標高
              
              map.addMapType(G_MARS_VISIBLE_MAP);  //火星写真
              
              map.addMapType(G_MARS_ELEVATION_MAP);  //火星標高
              
              map.addMapType(G_MARS_INFRARED_MAP);  //火星赤外線
              
              map.addMapType(G_SKY_VISIBLE_MAP);  //夜空
              
              map.addMapType(G_SATELLITE_3D_MAP);  //Google Earth
              
              
              //マップタイプコントローラの追加
              map.addControl(new GMapTypeControl());
              
              //マップコントローラを付ける
              map.addControl(new GLargeMapControl())
                      
              //地図を表示する
              map.setCenter(latlng, 5);
        }
    }

    
    GEvent.addDomListener(window, "load", load);
    GEvent.addDomListener(window, "unload", GUnload);
  //]]>
  </script>
</head>
<body >
  <h1>例−28:マップタイプ(地図)いろいろ</h1>
  <div id="map" style="width:600px;height:600px;">
</body>
</html>





サイト内検索
Google Maps APIプログラミング入門 第2版
Google Maps APIプログラミング入門 第2版
全520ページ。Google Maps API version3を中心に公式ドキュメントより詳しく解説しています。
詳しくはこちら
Google Maps APIプログラミングガイド

Google Maps API Expert 4人が共著で執筆。中級者向けに実用に役立つサンプルを中心に紹介! スマートフォン時代に合わせたGoogle Maps APIの使い方も掲載。
詳しくはこちら