ปรับกล้อง

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

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

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

• แสดงภาพรวมเส้นทาง (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 ในตัวที่จะปรากฏในแผนที่