地図外のリンクから地図タイプを切り替える

説明

地図のマップタイプを切り替えるには、Map.setMapTypeId()メソッドを使います。setMapTypeId()メソッドには次の値を指定することができます。

google.maps.MapTypeId.ROADMAP通常の市街地図を表示します
google.maps.MapTypeId.SATELLITE航空写真を表示します
google.maps.MapTypeId.HYBRID航空写真 + 主要な道路のレイヤーを表示します
google.maps.MapTypeId.TERRAIN地形的な特徴を持つ地図を表示します

次のようにしてマップタイプを切り替えます。
  mapCanvas.setMapTypeId(google.maps.MapTypeId.TERRAIN);




Code

<script type='text/javascript'>

    var mapCanvas;
    function initialize() {
      var latlng = new google.maps.LatLng(35.658613, 139.745525);
      var myOptions = {
        zoom: 4,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      mapCanvas = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    }
    function changeMapType(mapTypeId) {
      mapCanvas.setMapTypeId(google.maps.MapTypeId[mapTypeId]);
    }
    google.maps.event.addDomListener(window, "load", initialize);
  </script>

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

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