Hướng dẫn này mô tả các cách bạn có thể tuỳ chỉnh bản đồ hiển thị trong ứng dụng Android khi bạn theo dõi một chuyến đi. Bạn có thể tuỳ chỉnh giao diện của bản đồ theo các cách sau:
- Tạo kiểu cho bản đồ bằng kiểu bản đồ dựa trên đám mây
- Điều chỉnh camera để tập trung vào chuyến đi
- Tuỳ chỉnh điểm đánh dấu
- Tuỳ chỉnh hình nhiều đường
Tạo kiểu cho bản đồ bằng kiểu bản đồ dựa trên đám mây
Tuỳ chỉnh giao diện của thành phần bản đồ bằng cách sử dụng kiểu bản đồ trên đám mây. Bạn có thể tạo và chỉnh sửa kiểu bản đồ trên Google Cloud Console cho mọi ứng dụng sử dụng Google Maps mà không cần thay đổi mã. Để biết thêm thông tin, hãy xem phần Định kiểu bản đồ dựa trên đám mây.
Cả lớp ConsumerMapView
và lớp ConsumerMapFragment
đều hỗ trợ định kiểu bản đồ dựa trên đám mây.
Để sử dụng tính năng định kiểu bản đồ dựa trên đám mây, hãy đảm bảo trình kết xuất bản đồ đã chọn là LATEST
. Các phần sau đây trình bày ví dụ về cách sử dụng kiểu bản đồ dựa trên đám mây cho dự án của bạn.
ConsumerMapView
Để sử dụng kiểu bản đồ dựa trên đám mây trong ConsumerMapView
, hãy đặt trường mapId
trên GoogleMapOptions
và chuyển GoogleMapOptions
đến getConsumerGoogleMapAsync(ConsumerMapReadyCallback, Fragment, GoogleMapOptions) hoặc getConsumerGoogleMapAsync(ConsumerMapReadyCallback, FragmentActivity,
GoogleMapOptions)
Ví dụ:
Java
public class SampleAppActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
ConsumerMapView mapView = findViewById(R.id.consumer_map_view);
if (mapView != null) {
GoogleMapOptions optionsWithMapId = new GoogleMapOptions().mapId("map-id");
mapView.getConsumerGoogleMapAsync(
new ConsumerMapReadyCallback() {
@Override
public void onConsumerMapReady(@NonNull ConsumerGoogleMap consumerGoogleMap) {
// ...
}
},
/* fragmentActivity= */ this,
/* googleMapOptions= */ optionsWithMapId);
}
}
}
Kotlin
class SampleAppActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val mapView = findViewById(R.id.consumer_map_view) as ConsumerMapView
val optionsWithMapId = GoogleMapOptions().mapId("map-id")
mapView.getConsumerGoogleMapAsync(
object : ConsumerGoogleMap.ConsumerMapReadyCallback() {
override fun onConsumerMapReady(consumerGoogleMap: ConsumerGoogleMap) {
// ...
}
},
/* fragmentActivity= */ this,
/* googleMapOptions= */ optionsWithMapId)
}
}
ConsumerMapFragment
Có hai cách để sử dụng kiểu bản đồ dựa trên đám mây trong ConsumerMapFragments:
- Tĩnh với XML.
- Linh động bằng
newInstance
.
Tĩnh với XML
Để sử dụng kiểu bản đồ dựa trên đám mây bằng XML trong ConsumerMapFragment
, hãy thêm thuộc tính XML map:mapId
với mapId
được chỉ định. Hãy xem ví dụ sau:
<fragment
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="http://schemas.android.com/apk/res-auto"
android:name="com.google.android.libraries.mapsplatform.transportation.consumer.view.ConsumerMapFragment"
android:id="@+id/consumer_map_fragment"
map:mapId="map-id"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
Động với newInstance
Để sử dụng kiểu bản đồ dựa trên đám mây bằng newInstance
trong ConsumerMapFragment
, hãy đặt trường mapId
trên GoogleMapOptions
và truyền GoogleMapOptions
vào newInstance
. Hãy xem ví dụ sau:
Java
public class SampleFragmentJ extends Fragment {
@Override
public View onCreateView(
@NonNull LayoutInflater inflater,
@Nullable ViewGroup container,
@Nullable Bundle savedInstanceState) {
final View view = inflater.inflate(R.layout.consumer_map_fragment, container, false);
GoogleMapOptions optionsWithMapId = new GoogleMapOptions().mapId("map-id");
ConsumerMapFragment consumerMapFragment = ConsumerMapFragment.newInstance(optionsWithMapId);
getParentFragmentManager()
.beginTransaction()
.add(R.id.consumer_map_fragment, consumerMapFragment)
.commit();
consumerMapFragment.getConsumerGoogleMapAsync(
new ConsumerMapReadyCallback() {
@Override
public void onConsumerMapReady(@NonNull ConsumerGoogleMap consumerGoogleMap) {
// ...
}
});
return view;
}
}
Kotlin
class SampleFragment : Fragment() {
override fun onCreateView(
inflater: LayoutInflater,
container: ViewGroup?,
savedInstanceState: Bundle?): View? {
val view = inflater.inflate(R.layout.consumer_map_fragment, container, false)
val optionsWithMapId = GoogleMapOptions().mapId("map-id")
val consumerMapFragment = ConsumerMapFragment.newInstance(optionsWithMapId)
parentFragmentManager
.beginTransaction()
.add(R.id.consumer_map_fragment, consumerMapFragment)
.commit()
consumerMapFragment.getConsumerGoogleMapAsync(
object : ConsumerMapReadyCallback() {
override fun onConsumerMapReady(consumerGoogleMap: ConsumerGoogleMap) {
// ...
}
})
return view
}
}
Điều chỉnh mức thu phóng của máy ảnh để tập trung vào một chuyến đi
Trong phiên chia sẻ chuyến đi đang hoạt động, bạn có thể xử lý tính năng thu phóng và lấy nét của máy ảnh theo một trong hai cách sau:
AutoCamera
: Nếu muốn sử dụngAutoCamera
, bạn không cần làm gì cả. Camera theo dõi chuyến đi. Để biết thông tin chi tiết, hãy xemAutoCamera
.Tuỳ chỉnh hành vi của máy ảnh: Để tuỳ chỉnh hành vi của máy ảnh, bạn phải tắt
AutoCamera
rồi tuỳ chỉnh. Để biết thông tin chi tiết, hãy xem phần Tuỳ chỉnh hành vi của máy ảnh.
AutoCamera
căn giữa máy ảnh
SDK dành cho người dùng cung cấp tính năng AutoCamera
được bật theo mặc định trên nút Vị trí của tôi tích hợp sẵn cho SDK Maps. Máy ảnh sẽ thu phóng để tập trung vào tuyến đường và điểm trung gian tiếp theo của chuyến đi.
Nếu bạn muốn sử dụng AutoCamera
, hãy nhớ bật tính năng này. Để biết thêm thông tin, hãy xem isAutoCameraEnabled
.
Để biết thông tin chi tiết về nút Vị trí của tôi, xem nút Vị trí của tôi trong tài liệu về API Maps JavaScript.
Tuỳ chỉnh hành vi của máy ảnh
Để kiểm soát hành vi của máy ảnh tốt hơn, hãy làm theo các bước sau để tắt AutoCamera
và tuỳ chỉnh hành vi của máy ảnh theo cách thủ công.
Tắt
AutoCamera
bằng ConsumerController.setAutoCameraEnabled().Nhận các giới hạn máy ảnh được đề xuất bằng cách sử dụng ConsumerController.getCameraUpdate().
Cung cấp
CameraUpdate
làm đối số cho một trong các hàm Android sau: