Controls

อินเทอร์เฟซ CameraControlOptions

google.maps.CameraControlOptions อินเทอร์เฟซ

ตัวเลือกการแสดงผลสำหรับการควบคุมกล้อง

position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.INLINE_START_BLOCK_END
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

อินเทอร์เฟซ FullscreenControlOptions

google.maps.FullscreenControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลการควบคุมแบบเต็มหน้าจอ

position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.INLINE_END_BLOCK_START
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

อินเทอร์เฟซ MapTypeControlOptions

google.maps.MapTypeControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลการควบคุมประเภทแผนที่

mapTypeIds
ไม่บังคับ
ประเภท: Array<MapTypeId|string> optional
รหัสของประเภทแผนที่ที่จะแสดงในตัวควบคุม
position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.BLOCK_START_INLINE_START
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่
style
ไม่บังคับ
ประเภท: MapTypeControlStyle optional
รหัสสไตล์ ใช้เพื่อเลือกรูปแบบการควบคุมประเภทแผนที่ที่จะแสดง

ค่าคงที่ MapTypeControlStyle

google.maps.MapTypeControlStyle ค่าคงที่
ไลบรารี "maps"

ตัวระบุสำหรับ MapTypesControls ทั่วไป

const {MapTypeControlStyle} = await google.maps.importLibrary("maps");
DEFAULT ใช้การควบคุมประเภทแผนที่เริ่มต้น เมื่อตัวควบคุม DEFAULT แสดงขึ้น ตัวควบคุมจะแตกต่างกันไปตามขนาดหน้าต่างและปัจจัยอื่นๆ การควบคุม DEFAULT อาจมีการเปลี่ยนแปลงใน API เวอร์ชันต่อๆ ไป
DROPDOWN_MENU เมนูแบบเลื่อนลงสำหรับผู้ที่คำนึงถึงพื้นที่หน้าจอ
HORIZONTAL_BAR แถบปุ่มตัวเลือกแนวนอนมาตรฐาน

อินเทอร์เฟซ MotionTrackingControlOptions

google.maps.MotionTrackingControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลการควบคุมการติดตามการเคลื่อนไหว

position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.INLINE_END_BLOCK_END
รหัสตำแหน่ง ซึ่งใช้เพื่อระบุตำแหน่งของการควบคุมนี้ในภาพพาโนรามา

อินเทอร์เฟซ PanControlOptions

google.maps.PanControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลการควบคุมการเลื่อน

position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.INLINE_END_BLOCK_END
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

อินเทอร์เฟซ RotateControlOptions

google.maps.RotateControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลตัวควบคุมการหมุน

position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.INLINE_END_BLOCK_END
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

อินเทอร์เฟซ ScaleControlOptions

google.maps.ScaleControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลการควบคุมสเกล

style
ไม่บังคับ
ประเภท: ScaleControlStyle optional
รหัสสไตล์ ใช้เพื่อเลือกรูปแบบของตัวควบคุมมาตราส่วนที่จะแสดง

ค่าคงที่ ScaleControlStyle

google.maps.ScaleControlStyle ค่าคงที่

ตัวระบุสำหรับรหัสการควบคุมสเกล

DEFAULT ตัวควบคุมสเกลมาตรฐาน

อินเทอร์เฟซ StreetViewControlOptions

google.maps.StreetViewControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลการควบคุมเพ็กแมนของ Street View บนแผนที่

position
ไม่บังคับ
ประเภท: ControlPosition optional
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่ ตำแหน่งเริ่มต้นจะฝังอยู่ภายในตัวควบคุมการนำทาง (ซูมและเลื่อน) หากตำแหน่งนี้ว่างเปล่าหรือเหมือนกับที่ระบุไว้ใน zoomControlOptions หรือ panControlOptions ตัวควบคุม Street View จะแสดงเป็นส่วนหนึ่งของตัวควบคุมการนำทาง ไม่เช่นนั้น ระบบจะแสดงแยกกัน
sources
ไม่บังคับ
ประเภท: Iterable<StreetViewSource> optional
ค่าเริ่มต้น: [StreetViewSource.DEFAULT]
ระบุแหล่งที่มาของภาพพาโนรามาที่จะค้นหา ซึ่งจะช่วยให้สามารถจำกัดการค้นหาเฉพาะภาพพาโนรามาอย่างเป็นทางการของ Google ได้ เป็นต้น การตั้งค่าแหล่งที่มาหลายแหล่งจะได้รับการประเมินเป็นจุดตัดของแหล่งที่มาเหล่านั้น หมายเหตุ: ขณะนี้ระบบยังไม่รองรับแหล่งที่มา StreetViewSource.OUTDOOR

อินเทอร์เฟซ ZoomControlOptions

google.maps.ZoomControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลตัวควบคุมการซูม

position
ไม่บังคับ
ประเภท: ControlPosition optional
ค่าเริ่มต้น: ControlPosition.INLINE_END_BLOCK_END
รหัสตำแหน่ง ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่

ค่าคงที่ ControlPosition

google.maps.ControlPosition ค่าคงที่
ไลบรารี "core"

ตัวระบุที่ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่ การควบคุมจะอยู่ในตำแหน่งที่สัมพันธ์กับการควบคุมอื่นๆ ในตำแหน่งเลย์เอาต์เดียวกัน ตัวควบคุมที่เพิ่มก่อนจะอยู่ใกล้กับขอบแผนที่มากกว่า เราขอแนะนำให้ใช้ "ค่าเชิงตรรกะ" (ดู https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) เพื่อให้รองรับบริบทเลย์เอาต์ทั้งแบบจากซ้ายไปขวา (LTR) และจากขวาไปซ้าย (RTL) โดยอัตโนมัติ

ค่าเชิงตรรกะใน LTR:

+----------------+ 
| BSIS BSIC BSIE |
| ISBS      IEBS |
|                |
| ISBC      IEBC |
|                |
| ISBE      IEBE |
| BEIS BEIC BEIE |
+----------------+

ค่าเชิงตรรกะในภาษาที่เขียนจากขวาไปซ้าย:
+----------------+ 
| BSIE BSIC BSIS |
| IEBS      ISBS |
|                |
| IEBC      ISBC |
|                |
| IEBE      ISBE |
| BEIE BEIC BEIS |
+----------------+

ค่าเดิม:
+----------------+ 
| TL    TC    TR |
| LT          RT |
|                |
| LC          RC |
|                |
| LB          RB |
| BL    BC    BR |
+----------------+

องค์ประกอบในแถวบนสุดหรือล่างสุดจะเลื่อนไปยังตรงกลางของแถว องค์ประกอบในคอลัมน์ด้านซ้ายหรือขวาจะเลื่อนไปทางตรงกลางของคอลัมน์

const {ControlPosition} = await google.maps.importLibrary("core");
BLOCK_END_INLINE_CENTER เทียบเท่ากับ BOTTOM_CENTER ทั้งใน LTR และ RTL
BLOCK_END_INLINE_END เทียบเท่ากับ BOTTOM_RIGHT ใน LTR หรือ BOTTOM_LEFT ใน RTL
BLOCK_END_INLINE_START เทียบเท่ากับ BOTTOM_LEFT ใน LTR หรือ BOTTOM_RIGHT ใน RTL
BLOCK_START_INLINE_CENTER เทียบเท่ากับ TOP_CENTER ทั้งใน LTR และ RTL
BLOCK_START_INLINE_END เทียบเท่ากับ TOP_RIGHT ใน LTR หรือ TOP_LEFT ใน RTL
BLOCK_START_INLINE_START เทียบเท่ากับ TOP_LEFT ใน LTR หรือ TOP_RIGHT ใน RTL
BOTTOM_CENTER องค์ประกอบจะอยู่ที่กึ่งกลางของแถวล่างสุด ลองใช้ BLOCK_END_INLINE_CENTER แทน
BOTTOM_LEFT องค์ประกอบจะอยู่ที่ด้านซ้ายล่างและไหลไปทางตรงกลาง องค์ประกอบจะอยู่ทางด้านขวาของโลโก้ Google ลองใช้ BLOCK_END_INLINE_START แทน
BOTTOM_RIGHT องค์ประกอบจะอยู่ที่ด้านล่างขวาและเลื่อนไปทางตรงกลาง องค์ประกอบจะอยู่ทางด้านซ้ายของลิขสิทธิ์ ลองใช้ BLOCK_END_INLINE_END แทน
INLINE_END_BLOCK_CENTER เทียบเท่ากับ RIGHT_CENTER ใน LTR หรือ LEFT_CENTER ใน RTL
INLINE_END_BLOCK_END เทียบเท่ากับ RIGHT_BOTTOM ใน LTR หรือ LEFT_BOTTOM ใน RTL
INLINE_END_BLOCK_START เทียบเท่ากับ RIGHT_TOP ใน LTR หรือ LEFT_TOP ใน RTL
INLINE_START_BLOCK_CENTER เทียบเท่ากับ LEFT_CENTER ใน LTR หรือ RIGHT_CENTER ใน RTL
INLINE_START_BLOCK_END เทียบเท่ากับ LEFT_BOTTOM ใน LTR หรือ RIGHT_BOTTOM ใน RTL
INLINE_START_BLOCK_START เทียบเท่ากับ LEFT_TOP ใน LTR หรือ RIGHT_TOP ใน RTL
LEFT_BOTTOM องค์ประกอบจะอยู่ทางด้านซ้าย เหนือองค์ประกอบด้านซ้ายล่าง และเลื่อนขึ้นด้านบน ลองใช้ INLINE_START_BLOCK_END แทน
LEFT_CENTER องค์ประกอบจะอยู่ที่กึ่งกลางด้านซ้าย ลองใช้ INLINE_START_BLOCK_CENTER แทน
LEFT_TOP องค์ประกอบจะอยู่ทางด้านซ้าย ใต้องค์ประกอบด้านซ้ายบน และเลื่อนลงด้านล่าง ลองใช้ INLINE_START_BLOCK_START แทน
RIGHT_BOTTOM องค์ประกอบจะอยู่ทางด้านขวา เหนือองค์ประกอบด้านขวาล่าง และเลื่อนขึ้นด้านบน ลองใช้ INLINE_END_BLOCK_END แทน
RIGHT_CENTER องค์ประกอบจะอยู่ตรงกลางด้านขวา ลองใช้ INLINE_END_BLOCK_CENTER แทน
RIGHT_TOP องค์ประกอบจะอยู่ทางด้านขวา ใต้องค์ประกอบด้านขวาบน และเรียงลงมาด้านล่าง ลองใช้ INLINE_END_BLOCK_START แทน
TOP_CENTER องค์ประกอบจะอยู่ที่กึ่งกลางของแถวบนสุด ลองใช้ BLOCK_START_INLINE_CENTER แทน
TOP_LEFT องค์ประกอบจะอยู่ที่ด้านบนซ้ายและเลื่อนไปทางตรงกลาง ลองใช้ BLOCK_START_INLINE_START แทน
TOP_RIGHT องค์ประกอบจะอยู่ที่ด้านบนขวาและไหลไปทางตรงกลาง ลองใช้ BLOCK_START_INLINE_END แทน