ปรับกล้อง

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

• ติดตามตำแหน่งของฉัน (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 ในตัวใดที่จะปรากฏในแผนที่