ปรับกล้อง

กล้องช่วยให้คุณเปลี่ยนมุมมองของผู้ใช้ในแผนที่ได้ คุณสามารถใช้โหมดกล้องถ่ายรูปเพื่อควบคุมลักษณะการทำงานของมุมมองแผนที่ระหว่างการนำทางได้ หากต้องการตั้งค่าโหมดกล้อง ให้เรียกวิธีใดวิธีหนึ่งต่อไปนี้ที่เชื่อมโยงกับกล้อง

• ตามตำแหน่งของฉัน (GoogleMap.followMyLocation) — โหมดกล้องเริ่มต้นสำหรับการนำทาง โหมดนี้จะตั้งค่ากล้องไปยังอุปกรณ์หรือยานพาหนะ กล้องจะหันเข้าหาทิศทางการเดินทางโดยอัตโนมัติในระหว่างนำทาง เมื่อเปิดใช้การตั้งค่ารายละเอียดระดับสูง (NavigationMapStyle.HIGH_DETAIL) โครงร่างอาคาร 2 มิติจะปรากฏขึ้นเมื่อระดับการซูมเท่ากับ 19 ขึ้นไป

• ปักหมุดตามตำแหน่ง (GoogleMap.animateCamera และ GoogleMap.moveCamera) — แก้ไขกล้องในตำแหน่งที่เจาะจง เมื่อใช้โหมดนี้ คุณสามารถตั้งค่าตำแหน่งของกล้องพร้อมกับคุณสมบัติอื่นๆ ของกล้อง เช่น การถือกล้อง การเอียง การซูม ฯลฯ เมื่อเลือกมุมมองนี้และเริ่มการนำทางแล้ว ปุ่มจัดกึ่งกลางใหม่จะปรากฏขึ้น

• แสดงภาพรวมของเส้นทาง (NavigationView.showRouteOverview หรือ SupportNavigationFragment.showRouteOverview) — แสดงภาพรวมของเส้นทางที่เหลือ การเลื่อนและการซูมตามที่จำเป็นเพื่อให้พอดีกับเส้นทางในมุมมองแผนที่ เมื่อเลือกมุมมองนี้ ปุ่มจัดกึ่งกลางใหม่จะปรากฏขึ้น

การคลิกปุ่มจัดกึ่งกลางใหม่จะตั้งค่ากล้องให้อยู่ในโหมด followMyLocation

ทำตามโหมดตำแหน่งของฉัน

การตั้งค่าที่ใช้กันโดยทั่วไปของกล้องคือ ตั้งค่ากล้องไว้กับอุปกรณ์หรือยานพาหนะ เพื่อแสดงตำแหน่งปัจจุบันภายในการเดินทาง ในโหมดกล้องนี้ คุณสามารถดูเส้นทางขณะที่รถมุ่งหน้าบนหน้าจออยู่เสมอด้วยมุมเอียง (CameraPerspective.TILTED) หรือคุณสามารถดูรถเคลื่อนที่หันไปทิศเหนือ (CameraPerspective.TOP_DOWN_NORTH_UP) หรือเห็นทิศทางมุ่งหน้า (CameraPerspective.TOP_DOWN_HEADING_UP) ที่ด้านบนสุดของหน้าจอเสมอ)

ส่วนย่อยของโค้ดต่อไปนี้ใช้มุมมอง TILTED

// Set the camera to follow the device (vehicle):
mNavFragment.getMapAsync(googleMap -> googleMap.followMyLocation(CameraPerspective.TILTED))

ปักหมุดในโหมดตำแหน่งแล้ว

โหมด Pinned ช่วยให้คุณควบคุมกล้องได้มากที่สุด ในโหมดนี้ คุณสามารถวางกล้องไว้ในตำแหน่งที่เจาะจง กำหนดทิศทางของมุมมองกล้อง เปลี่ยนการเอียงเพื่อตั้งค่ามุมมอง และตั้งค่าระดับการซูมของกล้อง

ข้อมูลโค้ดต่อไปนี้สาธิตวิธีทั่วไปบางส่วนในการย้ายกล้อง

private static final LatLng SYDNEY = new LatLng(-33.88, 151.21);
private static final LatLng MOUNTAIN_VIEW = new LatLng(37.4, -122.1);

private GoogleMap map;
... // Obtain the map from a SupportNavigationFragment or NavigationView.

// Move the camera instantly to Sydney with a zoom of 15.
map.moveCamera(CameraUpdateFactory.newLatLngZoom(SYDNEY, 15));

// Zoom in, animating the camera.
map.animateCamera(CameraUpdateFactory.zoomIn());

// Zoom out to zoom level 10, animating with a duration of 2 seconds.
map.animateCamera(CameraUpdateFactory.zoomTo(10), 2000, null);

// Construct a CameraPosition focusing on Mountain View and animate the camera to that position.
CameraPosition cameraPosition = new CameraPosition.Builder()
    .target(MOUNTAIN_VIEW)      // Sets the center of the map to Mountain View
    .zoom(17)                   // Sets the zoom
    .bearing(90)                // Sets the orientation of the camera to east
    .tilt(30)                   // Sets the tilt of the camera to 30 degrees
    .build();                   // Creates a CameraPosition from the builder
map.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));

แสดงโหมดภาพรวมเส้นทาง

การตั้งค่ากล้อง showRouteOverview จะแสดงการเดินทางทั้งหมด สำหรับเส้นทางหลายปลายทาง โหมดนี้จะแสดงส่วนของเส้นทางที่ยังไม่ได้เดินทาง

// Place the camera to see the remaining route:
mNavFragment.showRouteOverview();

การตั้งค่ารายละเอียดสูง

เมื่อเปิดใช้การตั้งค่ารายละเอียดสูง โครงร่างอาคาร 2 มิติจะปรากฏ เมื่อตั้งค่าระดับการซูมของกล้องเป็น 19 ขึ้นไป คุณลบล้างระดับการซูมระหว่างการนำทางได้โดยใช้ออบเจ็กต์ FollowMyLocationOptions ซึ่งช่วยให้คุณเพิ่มระดับการซูมมากพอที่จะแสดงโครงร่างอาคาร 2 มิติเมื่อผู้ใช้เข้าใกล้จุดหมาย

ตัวอย่างนี้เปิดใช้การตั้งค่ารายละเอียดระดับสูง

  navigationView.setNavigationMapStyle(NavigationMapStyle.HIGH_DETAIL);

ตัวอย่างต่อไปนี้จะแทนที่ระดับการซูมของกล้องขณะนำทาง ตั้งระดับการซูมไว้ที่ 15 ซึ่งสูงพอที่จะแสดงโครงร่างอาคารแบบ 2 มิติ

  googleMap.followMyLocation(
              FollowMyLocationOptions.builder(CameraPerspective.TILTED)
                      .setZoomLevel(15.0f)
                      .build());

ขั้นตอนถัดไป

ดูปรับแต่ง UI การนำทางเพื่อเรียนรู้วิธีปรับแต่งวิธีที่ผู้ใช้โต้ตอบกับแผนที่ของคุณ โดยการระบุคอมโพเนนต์ UI ในตัวที่ปรากฏบนแผนที่