Androidプログラマへの道 〜 Moonlight 明日香 〜 - 地図のズームボタンを表示する

Google Maps Android API v2

地図のズームボタンを表示する方法は2通りある.
静的に決定しているものはXMLで定義して, 動的に決定するものはコードで実装するというのが一般的である.

XMLでの定義

Googleマップを表示する」を参照し, Googleマップが表示できるようにする.
レイアウトXMLで, fragmentタグ内にmapから始まるプロパティを利用する.
  • res/layout/activity_main.xml
    • xmlns:mapを指定する.
    注) XMLファイル内のroot elementで指定する.
    • map:uiZoomControlsプロパティに, "true" or "false"を設定する. (デフォルト"true")
    注) mapプロパティを設定した場合, "Unexpected namespace prefix "map" found for tag fragment"が発生する場合がある.
      そのときは, Project > Cleanを実行する.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  xmlns:map="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity" >
  <fragment
    android:id="@+id/map"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    class="com.google.android.gms.maps.SupportMapFragment"
    map:cameraTargetLat="35.41"
    map:cameraTargetLng="139.41"
    map:uiZoomControls="true" />
</RelativeLayout>
    • 動作例
SHARP SH-03C / Android 2.2

コードでの実装

Googleマップを表示する」を参照し, Googleマップが表示できるようにする.
  • MainActivity.java
    • getSupportFragmentManagermメソッドで, FragmentManagerのインスタンスを取得する.
    • FragmentManager#findFragmentByIdメソッドで, SupportMapFragmentのインスタンスを取得する.
    • SupportMapFragment#getMapメソッドで, GoogleMapのインスタンスを取得する.
    • GoogleMap#getUiSettings().setZoomControlsEnabledメソッドで, ズームボタンを有効にする.
package com.moonlight_aska.android.googlemapv2;

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;

public class MainActivity extends FragmentActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    FragmentManager manager = getSupportFragmentManager();
    SupportMapFragment fragment = (SupportMapFragment)manager.findFragmentById(R.id.map);
    GoogleMap map = fragment.getMap();
    if (map != null) {
      map.getUiSettings().setZoomControlsEnabled(true);
    }
  }
}

Google Maps Android v1 API

図の拡大/縮小を行うズームボタンを表示するには, MapViewクラスを利用する.

ズームボタンの表示

Googleマップを表示する」を参照し, Googleマップが表示できるようにする.

  • MainActivity.java
    • findViewByIdメソッドで, MapViewのインスタンスを取得する.
    • MapView#setBuiltInZoomControlsメソッドで, ズームコントローラを設定する.
    • MapView#invalidateメソッドで, MapViewを再描画する.
package com.moonlight_aska.android.web.googlemap01;

import android.os.Bundle;
import com.google.android.maps.MapActivity;
import com.google.android.maps.MapView;

public class MainActivity extends MapActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    MapView mview = (MapView)findViewById(R.id.mapview);
    // ズームコントローラ設定
    mview.setBuiltInZoomControls(true);
    // 再描画
    mview.invalidate();
  }

  @Override
  protected boolean isRouteDisplayed() {
    // TODO Auto-generated method stub
    return false;
  }
}
  • 動作例
SHARP SH-03C / Android 2.2
地図をクリックすると, ズームボタンが表示される.