例−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>
サイト内検索
Maps APIの本を書きました
Google Maps APIプログラミング入門
全480ページ。Google Maps API ver.2, ver.3, for Flash, Static Maps API v2, Google Maps API Primery, ライセンス…など、Google Maps APIに関連する幅広い内容の本を書きました。
このサイトで公開しているサンプルはもちろん、本のために作ったサンプルも満載です。
詳しくはこちら

Google Maps Designer
Google Maps Designer