マーカーのカスタマイズ
以前のバージョンの Consumer SDK では、Consumer SDK の MarkerStyleOptions オブジェクトを使用してマーカー スタイルのプロパティをカスタマイズしていました。コンシューマ SDK v1.0 では、Maps SDK の MarkerOptions オブジェクトを直接使用します。
// Centering the marker anchor at (0.5, 0.5) is recommended.
// For vehicle markers, set flat to true to allow the vehicle marker to freely
// rotate flat on the map (rather than always have it face the camera).
MarkerOptions vehicleMarkerOptions = new MarkerOptions()
.flat(true)
.anchor(0.5f, 0.5f)
.icon(vehicleIcon)
.zIndex(1.0f);
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE);
ConsumerMapStyle は、スタイルがまだ設定されていない場合、またはスタイル オプションが null に設定されている場合に、特定のマーカータイプに対して SDK が指定するデフォルトのスタイル オプションを返します。
// ConsumerMapStyle returns the SDK-set default style options if none has been set yet.
MarkerOptions defaultPickupPointStyleOptions = consumerMapStyle.getMarkerStyleOptions(MarkerType.PICKUP_POINT);
// Setting the style to null reverts the style back to the SDK-set default properties.
consumerMapStyle.setMarkerStyleOptions(MarkerType.PICKUP_POINT, /* markerStyleOptions= */ null);
MarkerOptions defaultPickupPointStyleOptions = consumerMapStyle.getMarkerStyleOptions(MarkerType.PICKUP_POINT);
新しいスタイルを最初から作成しない場合は、デフォルトのスタイルを変更できます。次の例では、乗車アイコンのみを変更し、残りのマーカー オプションには SDK のデフォルト設定を使用します。
// getMarkerStyleOptions returns the default pickup point style options, since
// the custom style hasn't been set yet.
MarkerOptions pickupPointStyleOptions =
consumerMapStyle.getMarkerStyleOptions(MarkerType.PICKUP_POINT);
// Modify the icon value and set the style.
consumerMapStyle.setMarkerStyleOptions(
pickupPointStyleOptions.icon(pickupPointIcon));
ポリラインのカスタマイズ
以前のバージョンの Consumer SDK では、Consumer SDK の PolylineStyleOptions オブジェクトを使用してポリライン スタイルのプロパティをカスタマイズしていました。Consumer SDK v1.0 では、Maps SDK の PolylineOptions オブジェクトを使用して基本ポリラインのスタイル プロパティをカスタマイズし、TrafficStyle オブジェクトを使用してポリラインの交通の色をカスタマイズします。
交通状況ポリラインは、Consumer SDK v1.0 のアルファ版バージョンで利用できます。交通情報が表示されている場合は、基本ポリラインの色が交通状況の色でオーバーライドされます。デフォルトでは、トラフィックは表示されません。設定されていない TrafficStyle のフィールドは、SDK で指定されたデフォルト値によって入力されます。
// PolylineOptions is from Maps SDK
PolylineOptions polylineOptions = new PolylineOptions()
.color(color)
.width(width)
.geodesic(geodesic)
.startCap(startCap)
.endCap(endCap)
.zIndex(zIndex);
consumerMapStyle.setPolylineStyleOptions(
PolylineType.ACTIVE_ROUTE, polylineOptions);
// TrafficStyle is from ConsumerSDK
TrafficStyle trafficStyle = TrafficStyle.builder()
.setTrafficVisibility(true)
.setTrafficColor(SpeedType.NO_DATA, Color.GREY)
.setTrafficColor(SpeedType.NORMAL_VALUE, Color.BLUE)
.setTrafficColor(SpeedType.SLOW_VALUE, Color.ORANGE)
.setTrafficColor(SpeedType.TRAFFIC_JAM, Color.RED)
.build();
consumerMapStyle.setPolylineTrafficStyle(PolylineType.ACTIVE_ROUTE, trafficStyle);
ConsumerMapStyle は、特定のポリライン タイプの SDK のデフォルト スタイル オプションが設定されていない場合、またはスタイル オプションが null に設定されている場合に、SDK のデフォルト スタイル オプションを返します。これは、ベースの PolylineOptions と TrafficStyle の両方に適用されます。
// ConsumerMapStyle returns the SDK's default style options if none has been set yet.
PolylineOptions defaultActiveRouteStyleOptions = consumerMapStyle.getPolylineStyleOptions(PolylineType.ACTIVE_ROUTE);
// Setting the style to null reverts the style back to the SDK-set default properties.
consumerMapStyle.setPolylineStyleOptions(
PolylineType.ACTIVE_ROUTE, /* polylineStyleOptions= */ null);
PolylineOptions defaultActiveRouteStyleOptions =
consumerMapStyle.getPolylineStyleOptions(PolylineType.ACTIVE_ROUTE);
新しいスタイルを最初から作成しない場合は、デフォルトのスタイルを変更できます。次のサンプルでは、基本のアクティブなルートのポリラインの色のみを変更し、残りのマーカー オプションには SDK のデフォルトのスタイル設定を使用しています。
// Only customize the remaining route polyline color.
PolylineOptions remainingRouteStyleOptions =
consumerMapStyle.getPolylineStyleOptions(PolylineType.REMAINING_ROUTE);
consumerMapStyle.setPolylineStyleOptions(
remainingRouteStyleOptions.color(Color.DARK_BLUE));