Androidプログラマへの道 〜 Moonlight 明日香 〜

地図のズームボタンを表示する方法は2通りある.
静的に決定しているものは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);
　　　　}
　　}
}

図の拡大/縮小を行うズームボタンを表示するには, 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
地図をクリックすると, ズームボタンが表示される.

---

---