Maps

แผนที่ คลาส

google.maps.Map คลาส

คลาสนี้ขยายเวลา MVCObject

เข้าถึงด้วยการโทรหา const {Map} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
Map
Map(mapDiv[, opts])
พารามิเตอร์: 
  • mapDiv:  HTMLElement แผนที่จะแสดงผลจนเต็มองค์ประกอบนี้
  • opts:  MapOptions optional ตัวเลือก
สร้างแผนที่ใหม่ภายในคอนเทนเนอร์ HTML ที่กำหนด ซึ่งโดยทั่วไปจะเป็นองค์ประกอบ DIV
DEMO_MAP_ID รหัสแผนที่ซึ่งสามารถใช้สำหรับตัวอย่างโค้ดที่ต้องใช้รหัสแผนที่ รหัสแผนที่นี้ไม่ได้มีไว้เพื่อใช้ในแอปพลิเคชันเวอร์ชันที่ใช้งานจริง และไม่สามารถใช้กับฟีเจอร์ที่ต้องมีการกำหนดค่าในระบบคลาวด์ (เช่น การจัดรูปแบบในระบบคลาวด์)
controls
ประเภท:  Array<MVCArray<HTMLElement>>
การควบคุมเพิ่มเติมที่จะแนบไปกับแผนที่ หากต้องการเพิ่มการควบคุมลงในแผนที่ ให้เพิ่ม <div> ของการควบคุมไปยัง MVCArray ที่สอดคล้องกับ ControlPosition ที่ซึ่งควรแสดง
data
ประเภท:  Data
อินสแตนซ์ของ Data ที่เชื่อมโยงกับแผนที่ เพิ่มจุดสนใจให้กับวัตถุ Data นี้เพื่อแสดงบนแผนที่นี้ได้อย่างสะดวก
mapTypes
ประเภท:  MapTypeRegistry
รีจิสทรีของอินสแตนซ์ MapType รายการตามรหัสสตริง
overlayMapTypes
ประเภท:  MVCArray<MapType optional>
ประเภทแผนที่เพิ่มเติมที่จะวางซ้อน ประเภทแผนที่แบบซ้อนทับจะแสดงที่ด้านบนของแผนที่ฐานที่แนบอยู่ โดยเรียงลำดับตามการปรากฏในอาร์เรย์ overlayMapTypes (การวางซ้อนที่มีค่าดัชนีที่สูงกว่าจะแสดงหน้าภาพซ้อนทับที่มีค่าดัชนีต่ำกว่า)
fitBounds
fitBounds(bounds[, padding])
พารามิเตอร์: 
  • bounds:  LatLngBounds|LatLngBoundsLiteral ขอบเขตที่จะแสดง
  • padding:  number|Padding optional Padding ในหน่วยพิกเซล ขอบเขตจะพอดีกับส่วนของแผนที่ซึ่งยังคงอยู่หลังจากลบระยะห่างจากขอบ ค่าตัวเลขจะทำให้มีระยะห่างจากขอบเท่ากันทั้ง 4 ด้าน ระบุ 0 ที่นี่เพื่อสร้างนิพจน์ fitBounds ในผลลัพธ์ของ getBounds
การคืนสินค้า: ไม่มี
ตั้งค่าวิวพอร์ตให้มีขอบเขตที่กำหนด
หมายเหตุ: เมื่อแผนที่ถูกตั้งค่าเป็น display: none ฟังก์ชัน fitBounds จะอ่านขนาดของแผนที่เป็น 0x0 และจะไม่ดำเนินการใดๆ หากต้องการเปลี่ยนวิวพอร์ตขณะที่แผนที่ซ่อนอยู่ ให้ตั้งแผนที่เป็น visibility: hidden เพื่อให้ div แผนที่มีขนาดจริง สำหรับแผนที่เวกเตอร์ วิธีการนี้จะตั้งค่าการเอียงและทิศทางของแผนที่ให้เป็นค่าเริ่มต้นเป็นศูนย์ การเรียกวิธีการนี้อาจทำให้ภาพเคลื่อนไหวลื่นไหลเนื่องจากแผนที่แพนและซูมให้พอดีกับขอบเขต วิธีการนี้จะเคลื่อนไหวหรือไม่ขึ้นอยู่กับการเรียนรู้ภายใน
getBounds
getBounds()
พารามิเตอร์: ไม่มี
ค่าการแสดงผล:  LatLngBounds|undefined ขอบเขตละติจูด/ลองจิจูดของวิวพอร์ตปัจจุบัน
แสดงขอบเขตละติจูด/ลองจิจูดของวิวพอร์ตปัจจุบัน หากมองเห็นสำเนาภาพโลกมากกว่า 1 ชุด ขอบเขตในลองจิจูดจะเป็นช่วง -180 ถึง 180 องศา ถ้าแผนที่ยังไม่ได้เริ่มต้นหรือยังไม่ตั้งศูนย์กลางและยังไม่ได้ตั้งการซูม ผลลัพธ์คือ undefined สำหรับแผนที่เวกเตอร์ที่มีการเอียงหรือส่วนหัวที่ไม่ใช่ 0 ขอบเขตละติจูด/ลองจิจูดที่ส่งกลับจะแสดงช่องขอบเขตที่เล็กที่สุด ซึ่งรวมขอบเขตที่มองเห็นได้ของวิวพอร์ตของแผนที่ ดู MapCanvasProjection.getVisibleRegion เพื่อดูพื้นที่ที่มองเห็นของวิวพอร์ตในแผนที่ได้อย่างถูกต้อง
getCenter
getCenter()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  LatLng|undefined
แสดงตำแหน่งที่แสดงตรงกลางของแผนที่ โปรดทราบว่าออบเจ็กต์ LatLng นี้ไม่ถูกรวม ดูข้อมูลเพิ่มเติมได้ที่ LatLng หากยังไม่ได้กำหนดศูนย์กลางหรือขอบเขต ผลลัพธ์จะเป็น undefined
getClickableIcons
getClickableIcons()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  boolean|undefined
แสดงผลความสามารถในการคลิกได้ของไอคอนแผนที่ ไอคอนแผนที่แสดงจุดที่น่าสนใจ หรือที่เรียกว่าจุดที่น่าสนใจ หากค่าที่แสดงผลคือ true ไอคอนสามารถคลิกได้บนแผนที่
BetagetDatasetFeatureLayer
getDatasetFeatureLayer(datasetId)
พารามิเตอร์: 
  • datasetId:  string
มูลค่าการคืนสินค้า:  FeatureLayer
แสดงผล FeatureLayer สำหรับ datasetId ที่ระบุ ต้องกำหนดค่ารหัสชุดข้อมูลใน Google Cloud Console หากรหัสชุดข้อมูลไม่ได้เชื่อมโยงกับรูปแบบแผนที่ของแผนที่ หรือหากไม่มีการจัดรูปแบบตามข้อมูล (ไม่มีรหัสแผนที่ ไม่มีชิ้นส่วนเวกเตอร์ ไม่มีเลเยอร์ของฟีเจอร์การจัดรูปแบบที่เป็นไปตามข้อมูลหรือชุดข้อมูลที่กำหนดค่าไว้ในรูปแบบแผนที่) การดำเนินการนี้จะบันทึกข้อผิดพลาด และ FeatureLayer.isAvailable ที่ได้จะเป็นเท็จ
getDiv
getDiv()
พารามิเตอร์: ไม่มี
ค่าการคืนสินค้า:  HTMLElement แผนที่Div ของแผนที่
getFeatureLayer
getFeatureLayer(featureType)
พารามิเตอร์: 
มูลค่าการคืนสินค้า:  FeatureLayer
แสดง FeatureLayer ของ FeatureType ที่เจาะจง ต้องเปิดใช้ FeatureLayer ใน Google Cloud Console หากไม่มี FeatureLayer ของ FeatureType ที่ระบุบนแผนที่นี้ หรือหากไม่มีการจัดรูปแบบตามข้อมูล (ไม่มีรหัสแผนที่ ไม่มีชิ้นส่วนเวกเตอร์ และไม่มี FeatureLayer ที่เปิดใช้ในรูปแบบแผนที่) การดำเนินการนี้จะบันทึกข้อผิดพลาด และ FeatureLayer.isAvailable ที่ได้จะเป็นเท็จ
getHeading
getHeading()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  number|undefined
แสดงทิศทางเข็มทิศของแผนที่ ค่าส่วนหัวจะวัดเป็นองศา (ตามเข็มนาฬิกา) จากทิศทางหลักทิศเหนือ หากแผนที่ยังไม่ได้เริ่มต้น ผลลัพธ์คือ undefined
getHeadingInteractionEnabled
getHeadingInteractionEnabled()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  boolean|null
แสดงผลว่าเปิดใช้การโต้ตอบกับส่วนหัวหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
getMapCapabilities
getMapCapabilities()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  MapCapabilities
แจ้งให้ผู้โทรทราบถึงความสามารถในปัจจุบันที่มีในแผนที่ โดยอิงตามรหัสแผนที่ที่ให้ไว้
getMapTypeId
getMapTypeId()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  MapTypeId|string|undefined
getProjection
getProjection()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  Projection|undefined
แสดงผล Projection ปัจจุบัน หากแผนที่ยังไม่ได้เริ่มต้น ผลลัพธ์คือ undefined ฟังเหตุการณ์ projection_changed และตรวจสอบค่าของเหตุการณ์เพื่อให้แน่ใจว่าไม่ใช่ undefined
getRenderingType
getRenderingType()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  RenderingType
แสดงผล RenderingType ปัจจุบันของแผนที่
getStreetView
getStreetView()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  StreetViewPanorama ภาพพาโนรามาที่ผูกกับแผนที่
แสดง StreetViewPanorama เริ่มต้นที่เชื่อมโยงกับแผนที่ ซึ่งอาจเป็นภาพพาโนรามาเริ่มต้นที่ฝังอยู่ภายในแผนที่ หรือภาพพาโนรามาที่ตั้งค่าโดยใช้ setStreetView() การเปลี่ยนแปลง streetViewControl ของแผนที่จะแสดงผลในภาพพาโนรามาแบบผูกโยงดังกล่าว
getTilt
getTilt()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  number|undefined
แสดงมุมปัจจุบันของแผนที่เป็นองศาจากระนาบวิวพอร์ตไปยังระนาบแผนที่ สำหรับแผนที่แรสเตอร์ ผลลัพธ์จะเป็น 0 สำหรับภาพที่ถ่ายจากด้านบนโดยตรง หรือ 45 สำหรับภาพ 45° วิธีนี้ไม่แสดงผลค่าที่ setTilt กำหนดไว้ ดูรายละเอียดได้ที่ setTilt
getTiltInteractionEnabled
getTiltInteractionEnabled()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  boolean|null
แสดงผลว่ามีการเปิดใช้การโต้ตอบแบบเอียงหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
getZoom
getZoom()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  number|undefined
แสดงการซูมของแผนที่ หากไม่ได้ตั้งค่าการซูม ผลลัพธ์คือ undefined
moveCamera
moveCamera(cameraOptions)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
ตั้งค่ากล้องของแผนที่เป็นตัวเลือกกล้องเป้าหมายทันที โดยไม่มีภาพเคลื่อนไหว
panBy
panBy(x, y)
พารามิเตอร์: 
  • x:  number จำนวนพิกเซลเพื่อเลื่อนแผนที่ในทิศทาง x
  • y:  number จำนวนพิกเซลเพื่อเลื่อนแผนที่ในทิศทาง y
การคืนสินค้า: ไม่มี
เปลี่ยนศูนย์กลางของแผนที่ตามระยะทางที่กำหนดในหน่วยพิกเซล ถ้าระยะทางน้อยกว่าทั้งความกว้างและความสูงของแผนที่ การเปลี่ยนจะเคลื่อนไหวอย่างราบรื่น โปรดทราบว่าระบบพิกัดแผนที่จะเพิ่มจากทิศตะวันตกถึงตะวันออก (สำหรับค่า x) และจากเหนือไปใต้ (สำหรับค่า y)
panTo
panTo(latLng)
พารามิเตอร์: 
  • latLng:  LatLng|LatLngLiteral ละติจูด/ลองจิจูดกลางใหม่ของแผนที่
การคืนสินค้า: ไม่มี
เปลี่ยนศูนย์กลางของแผนที่เป็น LatLng ที่ระบุ หากการเปลี่ยนแปลงน้อยกว่าทั้งความกว้างและความสูงของแผนที่ การเปลี่ยนจะเคลื่อนไหวอย่างราบรื่น
panToBounds
panToBounds(latLngBounds[, padding])
พารามิเตอร์: 
  • latLngBounds:  LatLngBounds|LatLngBoundsLiteral ขอบเขตเพื่อเลื่อนแผนที่
  • padding:  number|Padding optional Padding ในหน่วยพิกเซล ค่าตัวเลขจะทำให้มีระยะห่างจากขอบเท่ากันทั้ง 4 ด้าน ค่าเริ่มต้นคือ 0
การคืนสินค้า: ไม่มี
เลื่อนแผนที่ตามจำนวนขั้นต่ำที่จำเป็นต่อการมี LatLngBounds ที่ระบุ จึงไม่สามารถรับประกันได้ว่าขอบเขตจะอยู่ที่ตำแหน่งใดบนแผนที่ ยกเว้นแผนที่จะเลื่อนเพื่อแสดงขอบเขตภายใน {currentMapSizeInPx} - {padding} ให้มากที่สุดเท่าที่จะเป็นไปได้ สำหรับทั้งแผนที่แรสเตอร์และแผนที่เวกเตอร์ การซูม การเอียง และทิศทางของแผนที่จะไม่เปลี่ยนแปลง
setCenter
setCenter(latlng)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
setClickableIcons
setClickableIcons(value)
พารามิเตอร์: 
  • value:  boolean
การคืนสินค้า: ไม่มี
ควบคุมว่าไอคอนแผนที่จะคลิกได้หรือไม่ ไอคอนแผนที่แสดงจุดที่น่าสนใจ หรือที่เรียกว่าจุดที่น่าสนใจ หากต้องการปิดใช้ความสามารถในการคลิกได้ของไอคอนแผนที่ ให้ส่งค่า false ไปยังวิธีนี้
setHeading
setHeading(heading)
พารามิเตอร์: 
  • heading:  number
การคืนสินค้า: ไม่มี
ตั้งค่าทิศทางเข็มทิศสำหรับแผนที่ซึ่งวัดเป็นองศาจากทิศทางหลักทิศเหนือ สำหรับแผนที่แรสเตอร์ วิธีนี้ใช้ได้เฉพาะกับภาพถ่ายทางอากาศเท่านั้น
setHeadingInteractionEnabled
setHeadingInteractionEnabled(headingInteractionEnabled)
พารามิเตอร์: 
  • headingInteractionEnabled:  boolean
การคืนสินค้า: ไม่มี
ตั้งค่าว่าจะเปิดใช้การโต้ตอบกับส่วนหัวหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
setMapTypeId
setMapTypeId(mapTypeId)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
setOptions
setOptions(options)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
setRenderingType
setRenderingType(renderingType)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
ตั้งค่า RenderingType ปัจจุบันของแผนที่
setStreetView
setStreetView(panorama)
พารามิเตอร์: 
  • panorama:  StreetViewPanorama optional ภาพพาโนรามาที่จะเชื่อมโยงกับแผนที่
การคืนสินค้า: ไม่มี
เชื่อมโยง StreetViewPanorama กับแผนที่ ภาพพาโนรามานี้จะแทนที่ StreetViewPanorama เริ่มต้น ซึ่งจะทำให้แผนที่สามารถเชื่อมโยงกับภาพพาโนรามาภายนอกที่อยู่นอกแผนที่ได้ การตั้งค่าพาโนรามาเป็น null จะเชื่อมโยงภาพพาโนรามาเริ่มต้นที่ฝังไว้กับแผนที่
setTilt
setTilt(tilt)
พารามิเตอร์: 
  • tilt:  number
การคืนสินค้า: ไม่มี
สำหรับแผนที่เวกเตอร์ ให้กำหนดมุมอุบัติการณ์ของแผนที่ ค่าที่อนุญาตถูกจำกัดโดยขึ้นอยู่กับระดับการซูมของแผนที่

สำหรับแผนที่แรสเตอร์ ให้ควบคุมลักษณะการสลับอัตโนมัติสำหรับมุมการเกิดแผนที่ ค่าที่อนุญาตมีเพียง 0 และ 45 setTilt(0) ทำให้แผนที่ใช้มุมมองจากด้านบนเป็น 0° เสมอ โดยไม่คำนึงถึงระดับการซูมและวิวพอร์ต setTilt(45) จะทำให้มุมเอียงเปลี่ยนเป็น 45 โดยอัตโนมัติเมื่อใดก็ตามที่มีภาพ 45° สำหรับระดับการซูมและวิวพอร์ตปัจจุบัน และเปลี่ยนกลับเป็น 0 เมื่อไม่มีภาพ 45° (นี่คือการทำงานเริ่มต้น) ภาพ 45° มีเฉพาะสำหรับแผนที่ประเภท satellite และ hybrid, ในบางตำแหน่ง และในบางระดับการซูม หมายเหตุ: getTilt จะแสดงผลมุมเอียงปัจจุบัน ไม่ใช่ค่าที่กำหนดโดย setTilt เนื่องจาก getTilt และ setTilt อ้างอิงถึงสิ่งที่แตกต่างกัน อย่า bind() พร็อพเพอร์ตี้ tilt การทำเช่นนี้อาจทำให้เกิดผลลัพธ์ที่คาดเดาไม่ได้
setTiltInteractionEnabled
setTiltInteractionEnabled(tiltInteractionEnabled)
พารามิเตอร์: 
  • tiltInteractionEnabled:  boolean
การคืนสินค้า: ไม่มี
ตั้งค่าว่าจะเปิดใช้การโต้ตอบแบบเอียงหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
setZoom
setZoom(zoom)
พารามิเตอร์: 
  • zoom:  number ค่าการซูมที่ใหญ่ขึ้นจะสัมพันธ์กับความละเอียดที่สูงขึ้น
การคืนสินค้า: ไม่มี
ตั้งค่าการซูมของแผนที่
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
bounds_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อขอบเขตของวิวพอร์ตเปลี่ยนแปลง
center_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลงพร็อพเพอร์ตี้ศูนย์กลางแผนที่
click
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้คลิกบนแผนที่ MapMouseEvent พร้อมพร็อพเพอร์ตี้สำหรับสถานที่ที่คลิกจะถูกแสดงยกเว้นว่ามีการคลิกไอคอนสถานที่ ซึ่งในกรณีนี้ระบบแสดง IconMouseEvent ที่มีรหัสสถานที่ IconMouseEvent และ MapMouseEvent นั้นเหมือนกัน เว้นแต่ว่า IconMouseEvent จะมีช่องรหัสสถานที่อยู่ ถือว่าเหตุการณ์เป็น MapMouseEvent ได้เสมอเมื่อรหัสสถานที่ไม่สำคัญ เหตุการณ์การคลิกจะไม่เริ่มทำงานหากมีการคลิกเครื่องหมายหรือหน้าต่างข้อมูล
contextmenu
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเริ่มทำงานเมื่อเหตุการณ์เมนูตามบริบทของ DOM เริ่มทำงานในคอนเทนเนอร์แผนที่
dblclick
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้ดับเบิลคลิกบนแผนที่ โปรดทราบว่าเหตุการณ์การคลิกจะเริ่มทำงาน 1 ครั้งและ 2 ครั้งก่อนเหตุการณ์นี้
drag
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานซ้ำๆ ในขณะที่ผู้ใช้ลากแผนที่
dragend
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้หยุดลากแผนที่
dragstart
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้เริ่มลากแผนที่
heading_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อคุณสมบัติส่วนหัวของแผนที่เปลี่ยนแปลง
idle
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อแผนที่ไม่มีการใช้งานหลังจากเลื่อนหรือซูม
isfractionalzoomenabled_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อพร็อพเพอร์ตี้ isFractionalZoomEnabled มีการเปลี่ยนแปลง
mapcapabilities_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อความสามารถของแผนที่เปลี่ยนแปลง
maptypeid_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อพร็อพเพอร์ตี้ MapTypeId มีการเปลี่ยนแปลง
mousemove
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้เลื่อนเมาส์ไปวางบนคอนเทนเนอร์แผนที่
mouseout
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเกิดขึ้นเมื่อเมาส์ของผู้ใช้ออกจากคอนเทนเนอร์แผนที่
mouseover
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเริ่มทำงานเมื่อเมาส์ของผู้ใช้เข้าสู่คอนเทนเนอร์แผนที่
projection_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อการฉายภาพมีการเปลี่ยนแปลง
renderingtype_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อ DisplayType มีการเปลี่ยนแปลง
tilesloaded
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อโหลดการ์ดที่มองเห็นได้เสร็จแล้ว
tilt_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลงคุณสมบัติการเอียงของแผนที่
zoom_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อคุณสมบัติการซูมแผนที่มีการเปลี่ยนแปลง
rightclick
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้คลิกขวาบนแผนที่

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

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

ออบเจ็กต์ MapOptions ที่ใช้กำหนดคุณสมบัติที่ตั้งค่าได้บนแผนที่
backgroundColor optional
ประเภท:  string optional
สีที่ใช้สำหรับพื้นหลังของ div แผนที่ สีนี้จะปรากฏเมื่อหน้าต่างยังไม่ได้โหลดขณะที่ผู้ใช้เลื่อน ตัวเลือกนี้จะตั้งค่าได้เมื่อเริ่มต้นแผนที่แล้วเท่านั้น
center optional
ประเภท:  LatLng|LatLngLiteral optional
ศูนย์กลางแผนที่เริ่มต้น
clickableIcons optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true
เมื่อ false ไอคอนแผนที่ไม่สามารถคลิกได้ ไอคอนแผนที่แสดงจุดที่น่าสนใจ หรือที่เรียกว่าจุดที่น่าสนใจ
BetacolorScheme optional
ประเภท:  ColorScheme|string optional
ค่าเริ่มต้น: ColorScheme.LIGHT
รูปแบบสีแผนที่เริ่มต้น ตัวเลือกนี้จะตั้งค่าได้เมื่อเริ่มต้นแผนที่แล้วเท่านั้น
controlSize optional
ประเภท:  number optional
ขนาดเป็นพิกเซลของตัวควบคุมที่ปรากฏบนแผนที่ ต้องระบุค่านี้โดยตรงเมื่อสร้างแผนที่ การอัปเดตค่านี้ในภายหลังอาจทำให้ตัวควบคุมอยู่ในสถานะ undefined ควบคุมเฉพาะการควบคุมที่ Maps API ทำขึ้นเองเท่านั้น ไม่ปรับขนาดซึ่งนักพัฒนาแอปสร้างการควบคุมที่กำหนดเอง
disableDefaultUI optional
ประเภท:  boolean optional
เปิด/ปิดใช้ปุ่ม UI เริ่มต้นทั้งหมด อาจลบล้างทีละรายการ ไม่ปิดใช้การควบคุมแป้นพิมพ์ ซึ่งควบคุมโดยตัวเลือก MapOptions.keyboardShortcuts แยกต่างหาก ไม่ปิดใช้การควบคุมด้วยท่าทางสัมผัส ซึ่งควบคุมโดยตัวเลือก MapOptions.gestureHandling แยกต่างหาก
disableDoubleClickZoom optional
ประเภท:  boolean optional
เปิดใช้งาน/ปิดใช้งานการซูมและกึ่งกลางเมื่อดับเบิลคลิก เปิดใช้โดยค่าเริ่มต้น

หมายเหตุ: เราไม่แนะนำให้ใช้พร็อพเพอร์ตี้นี้ หากต้องการปิดใช้การซูมเมื่อดับเบิลคลิก คุณสามารถใช้พร็อพเพอร์ตี้ gestureHandling และตั้งค่าเป็น "none"
draggable optional
ประเภท:  boolean optional
หากเป็น false จะป้องกันไม่ให้มีการลากแผนที่ การลากจะเปิดใช้โดยค่าเริ่มต้น
draggableCursor optional
ประเภท:  string optional
ชื่อหรือ URL ของเคอร์เซอร์ที่จะแสดงเมื่อเลื่อนเมาส์ไปบนแผนที่ที่ลากได้ พร็อพเพอร์ตี้นี้ใช้แอตทริบิวต์ CSS cursor เพื่อเปลี่ยนไอคอน คุณต้องระบุเคอร์เซอร์สำรองที่ไม่ใช่ URL อย่างน้อยหนึ่งตัวเช่นเดียวกับคุณสมบัติ CSS เช่น draggableCursor: 'url(http://www.example.com/icon.png), auto;'
draggingCursor optional
ประเภท:  string optional
ชื่อหรือ URL ของเคอร์เซอร์ที่จะแสดงเมื่อมีการลากแผนที่ พร็อพเพอร์ตี้นี้ใช้แอตทริบิวต์ CSS cursor เพื่อเปลี่ยนไอคอน คุณต้องระบุเคอร์เซอร์สำรองที่ไม่ใช่ URL อย่างน้อยหนึ่งตัวเช่นเดียวกับคุณสมบัติ CSS เช่น draggingCursor: 'url(http://www.example.com/icon.png), auto;'
fullscreenControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้ของการควบคุมแบบเต็มหน้าจอ
fullscreenControlOptions optional
ประเภท:  FullscreenControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมแบบเต็มหน้าจอ
gestureHandling optional
ประเภท:  string optional
การตั้งค่านี้ควบคุมวิธีที่ API จัดการท่าทางสัมผัสบนแผนที่ ค่าที่อนุญาต:
  • "cooperative": เลื่อนกิจกรรมและท่าทางแตะสัมผัสด้วยนิ้วเดียวจะเลื่อนหน้าเว็บ และไม่ซูมหรือเลื่อนแผนที่ ท่าทางสัมผัสการแตะโดยใช้ 2 นิ้วเพื่อเลื่อนและซูมแผนที่ เลื่อนกิจกรรมด้วยแป้น Ctrl หรือ ⌘ กดซูมแผนที่
    ในโหมดนี้ แผนที่ร่วมมือกับหน้าเว็บ
  • "greedy": ท่าทางสัมผัสและการเลื่อนเหตุการณ์ทั้งหมดจะเป็นการเลื่อนหรือซูมแผนที่
  • "none": ไม่สามารถเลื่อนหรือซูมแผนที่โดยใช้ท่าทางสัมผัสของผู้ใช้
  • "auto": (ค่าเริ่มต้น) การจัดการด้วยท่าทางสัมผัสเป็นแบบร่วมมือหรือโล่ง ขึ้นอยู่กับว่าหน้าเว็บเลื่อนได้หรือใน iframe
heading optional
ประเภท:  number optional
ทิศทางสำหรับภาพถ่ายทางอากาศเป็นองศาวัดตามเข็มนาฬิกาจากทิศเหนืออยู่บน ระบบจะจัดส่วนหัวให้อยู่ในมุมที่ใกล้ที่สุดที่มีภาพ
headingInteractionEnabled optional
ประเภท:  boolean optional
ค่าเริ่มต้น: false
แผนที่ควรอนุญาตให้ผู้ใช้ควบคุมทิศทางของกล้องหรือไม่ (การหมุน) ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
isFractionalZoomEnabled optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true สำหรับแผนที่เวกเตอร์ และ false สำหรับแผนที่แรสเตอร์
แผนที่ควรอนุญาตให้มีระดับการซูมเป็นเศษส่วนหรือไม่ ฟัง isfractionalzoomenabled_changed เพื่อให้ทราบเมื่อตั้งค่าเริ่มต้นแล้ว
keyboardShortcuts optional
ประเภท:  boolean optional
หากเป็น false แป้นพิมพ์จะไม่สามารถควบคุมแผนที่ได้ แป้นพิมพ์ลัดจะเปิดใช้โดยค่าเริ่มต้น
mapId optional
ประเภท:  string optional
รหัสแผนที่ของแผนที่ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว คุณสามารถใช้ Map.DEMO_MAP_ID เพื่อลองใช้ฟีเจอร์ที่ต้องใช้รหัสแผนที่ แต่ไม่จำเป็นต้องเปิดใช้งานระบบคลาวด์
mapTypeControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้เริ่มต้นของตัวควบคุมประเภทแผนที่
mapTypeControlOptions optional
ประเภท:  MapTypeControlOptions optional
ตัวเลือกการแสดงผลเริ่มต้นสำหรับตัวควบคุมประเภทแผนที่
mapTypeId optional
ประเภท:  MapTypeId|string optional
MapTypeId เริ่มต้นของแผนที่ ค่าเริ่มต้นคือ ROADMAP
maxZoom optional
ประเภท:  number optional
ระดับการซูมสูงสุดที่จะแสดงบนแผนที่ หากละเว้นหรือตั้งค่าเป็น null ระบบจะใช้การซูมสูงสุดจากแผนที่ประเภทปัจจุบันแทน ค่าการซูมที่ถูกต้องเป็นตัวเลขตั้งแต่ 0 ถึงระดับการซูมสูงสุดที่รองรับ
minZoom optional
ประเภท:  number optional
ระดับการซูมขั้นต่ำที่จะแสดงบนแผนที่ หากละเว้นหรือตั้งค่าเป็น null ระบบจะใช้การซูมขั้นต่ำจากแผนที่ประเภทปัจจุบันแทน ค่าการซูมที่ถูกต้องเป็นตัวเลขตั้งแต่ 0 ถึงระดับการซูมสูงสุดที่รองรับ
noClear optional
ประเภท:  boolean optional
หากเป็น true โปรดอย่าล้างเนื้อหาของ div แผนที่
panControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้ของตัวควบคุมการแพน

panControlOptions optional
ประเภท:  PanControlOptions optional
ตัวเลือกการแสดงผลสำหรับตัวควบคุมการแพน

renderingType optional
ประเภท:  RenderingType optional
ค่าเริ่มต้น: RenderingType.RASTER
ดูว่าแผนที่ควรเป็นแผนที่แรสเตอร์หรือเวกเตอร์ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว หากไม่ได้ตั้งค่า การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่จะเป็นตัวกำหนดประเภทการแสดงผล (หากมี) โปรดทราบว่าแผนที่เวกเตอร์อาจไม่สามารถใช้ได้ในบางอุปกรณ์และเบราว์เซอร์ และแผนที่จะกลับไปใช้แผนที่แรสเตอร์ตามที่จำเป็น
restriction optional
ประเภท:  MapRestriction optional
กำหนดขอบเขตที่จำกัดพื้นที่ของแผนที่ที่ผู้ใช้เข้าถึงได้ เมื่อตั้งค่าแล้ว ผู้ใช้จะสามารถเลื่อนและซูมได้ในขณะที่มุมมองกล้องอยู่ภายในขอบเขตเท่านั้น
rotateControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้ของตัวควบคุมการหมุน
rotateControlOptions optional
ประเภท:  RotateControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมการหมุน
scaleControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้เริ่มต้นของการควบคุมการปรับขนาด
scaleControlOptions optional
ประเภท:  ScaleControlOptions optional
ตัวเลือกการแสดงผลเริ่มต้นสำหรับการควบคุมการปรับขนาด
scrollwheel optional
ประเภท:  boolean optional
หากเป็น false จะเป็นการปิดใช้งานการซูมแผนที่โดยใช้ล้อเลื่อนของเมาส์ ระบบจะเปิดใช้ล้อเลื่อนโดยค่าเริ่มต้น

หมายเหตุ: เราไม่แนะนำให้ใช้พร็อพเพอร์ตี้นี้ หากต้องการปิดใช้การซูมโดยใช้ล้อเลื่อน คุณสามารถใช้คุณสมบัติ gestureHandling และตั้งค่าเป็น "cooperative" หรือ "none"
streetView optional
ประเภท:  StreetViewPanorama optional
StreetViewPanorama ที่จะแสดงเมื่อมีการวางเพ็กแมนของ Street View บนแผนที่ หากไม่ได้ระบุพาโนรามา StreetViewPanoramaโดยค่าเริ่มต้นจะแสดงใน div ของแผนที่เมื่อเพ็กแมนตกลง
streetViewControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้เริ่มต้นของการควบคุมเพ็กแมนของ Street View การควบคุมนี้เป็นส่วนหนึ่งของ UI เริ่มต้น และควรตั้งค่าเป็น false เมื่อแสดงประเภทแผนที่ที่ไม่ควรปรากฏการวางซ้อนถนน Street View (เช่น แผนที่ที่ไม่ใช่ Earth)
streetViewControlOptions optional
ประเภท:  StreetViewControlOptions optional
ตัวเลือกการแสดงผลเริ่มต้นสำหรับการควบคุมเพ็กแมนของ Street View
styles optional
ประเภท:  Array<MapTypeStyle> optional
รูปแบบที่จะนำไปใช้กับแผนที่เริ่มต้นแต่ละประเภท โปรดทราบว่าสำหรับโหมด satellite/hybrid และ terrain รูปแบบเหล่านี้จะใช้กับป้ายกำกับและเรขาคณิตเท่านั้น ฟีเจอร์นี้ไม่สามารถใช้ได้เมื่อใช้รหัสแผนที่ หรือเมื่อใช้แผนที่เวกเตอร์ (ใช้การจัดรูปแบบแผนที่ในระบบคลาวด์แทน)
tilt optional
ประเภท:  number optional
สำหรับแผนที่เวกเตอร์ ให้กำหนดมุมอุบัติการณ์ของแผนที่ ค่าที่อนุญาตถูกจำกัดโดยขึ้นอยู่กับระดับการซูมของแผนที่ สำหรับแผนที่แรสเตอร์ ควบคุมลักษณะการสลับอัตโนมัติสำหรับมุมการเกิดแผนที่ ค่าที่อนุญาตมีเพียง 0 และ 45 ค่า 0 จะทำให้แผนที่ใช้มุมมองจากด้านบน 0° เสมอ โดยไม่คำนึงถึงระดับการซูมและวิวพอร์ต ค่า 45 จะทำให้มุมเอียงสลับเป็น 45 โดยอัตโนมัติเมื่อใดก็ตามที่มีภาพ 45° สำหรับระดับการซูมและวิวพอร์ตปัจจุบัน และสลับกลับไปเป็น 0 เมื่อไม่มีภาพ 45° (นี่คือการทำงานเริ่มต้น) ภาพ 45° มีเฉพาะสำหรับแผนที่ประเภท satellite และ hybrid, ในบางตำแหน่ง และในบางระดับการซูม หมายเหตุ: getTilt จะแสดงผลมุมเอียงปัจจุบัน ไม่ใช่ค่าที่ตัวเลือกนี้ระบุ เนื่องจาก getTilt และตัวเลือกนี้อ้างอิงสิ่งต่างๆ แตกต่างกัน ดังนั้น อย่า bind() พร็อพเพอร์ตี้ tilt การทำเช่นนี้อาจทำให้เกิดผลลัพธ์ที่คาดเดาไม่ได้
tiltInteractionEnabled optional
ประเภท:  boolean optional
ค่าเริ่มต้น: false
แผนที่ควรอนุญาตให้ผู้ใช้ควบคุมการเอียงกล้องหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
zoom optional
ประเภท:  number optional
ระดับการซูมแผนที่เริ่มต้น ค่าการซูมที่ถูกต้องเป็นตัวเลขตั้งแต่ 0 ถึงระดับการซูมสูงสุดที่รองรับ ค่าการซูมที่ใหญ่ขึ้นจะสอดคล้องกับความละเอียดที่สูงขึ้น
zoomControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้ของตัวควบคุมการซูม
zoomControlOptions optional
ประเภท:  ZoomControlOptions optional
ตัวเลือกการแสดงผลสำหรับตัวควบคุมการซูม

MapElement คลาส

google.maps.MapElement คลาส

MapElement เป็นคลาสย่อย HTMLElement สำหรับแสดงผลแผนที่ หลังจากโหลดไลบรารี maps แล้ว คุณสามารถสร้างแผนที่ได้ใน HTML ตัวอย่างเช่น 

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>

ระบบจะใช้ Map ซึ่งเข้าถึงได้ด้วยพร็อพเพอร์ตี้ innerMap ภายใน

องค์ประกอบที่กำหนดเอง:
วันที่ <gmp-map center="lat,lng" heading-interaction-disabled map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>

คลาสนี้ขยายเวลา HTMLElement

คลาสนี้ใช้ MapElementOptions

เข้าถึงด้วยการโทรหา const {MapElement} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
MapElement
MapElement([options])
พารามิเตอร์: 
center
ประเภท:  LatLng|LatLngLiteral optional
ละติจูด/ลองจิจูดกลางของแผนที่
แอตทริบิวต์ HTML:
  • <gmp-map center="lat,lng"></gmp-map>
headingInteractionDisabled
ประเภท:  boolean optional
ค่าเริ่มต้น: false
แผนที่ควรอนุญาตให้ผู้ใช้ควบคุมทิศทางของกล้องหรือไม่ (การหมุน) ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
แอตทริบิวต์ HTML:
  • <gmp-map heading-interaction-disabled></gmp-map>
innerMap
ประเภท:  Map
การอ้างอิง Map ที่ MapElement ใช้ภายใน
mapId
ประเภท:  string optional
รหัสแผนที่ของแผนที่ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว คุณสามารถใช้ Map.DEMO_MAP_ID เพื่อลองใช้ฟีเจอร์ที่ต้องใช้รหัสแผนที่ แต่ไม่จำเป็นต้องเปิดใช้งานระบบคลาวด์
แอตทริบิวต์ HTML:
  • <gmp-map map-id="string"></gmp-map>
renderingType
ประเภท:  RenderingType optional
ค่าเริ่มต้น: RenderingType.VECTOR
ดูว่าแผนที่ควรเป็นแผนที่แรสเตอร์หรือเวกเตอร์ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว หากไม่ได้ตั้งค่า การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่จะเป็นตัวกำหนดประเภทการแสดงผล (หากมี) โปรดทราบว่าแผนที่เวกเตอร์อาจไม่สามารถใช้ได้ในบางอุปกรณ์และเบราว์เซอร์ และแผนที่จะกลับไปใช้แผนที่แรสเตอร์ตามที่จำเป็น
แอตทริบิวต์ HTML:
  • <gmp-map rendering-type="vector"></gmp-map>
  • <gmp-map rendering-type="raster"></gmp-map>
tiltInteractionDisabled
ประเภท:  boolean optional
ค่าเริ่มต้น: false
แผนที่ควรอนุญาตให้ผู้ใช้ควบคุมการเอียงกล้องหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
แอตทริบิวต์ HTML:
  • <gmp-map tilt-interaction-disabled></gmp-map>
zoom
ประเภท:  number optional
ระดับการซูมของแผนที่ ค่าการซูมที่ถูกต้องเป็นตัวเลขตั้งแต่ 0 ถึงระดับการซูมสูงสุดที่รองรับ ค่าการซูมที่ใหญ่ขึ้นจะสอดคล้องกับความละเอียดที่สูงขึ้น
แอตทริบิวต์ HTML:
  • <gmp-map zoom="number"></gmp-map>
control-block-end-inline-center
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.BLOCK_END_INLINE_CENTER
control-block-end-inline-end
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.BLOCK_END_INLINE_END
control-block-end-inline-start
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.BLOCK_END_INLINE_START
control-block-start-inline-center
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.BLOCK_START_INLINE_CENTER
control-block-start-inline-end
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.BLOCK_START_INLINE_END
control-block-start-inline-start
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.BLOCK_START_INLINE_START
control-inline-end-block-center
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.INLINE_END_BLOCK_CENTER
control-inline-end-block-end
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.INLINE_END_BLOCK_END
control-inline-end-block-start
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.INLINE_END_BLOCK_START
control-inline-start-block-center
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.INLINE_START_BLOCK_CENTER
control-inline-start-block-end
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.INLINE_START_BLOCK_END
control-inline-start-block-start
วางองค์ประกอบที่ช่องโฆษณาไว้ในตำแหน่ง ControlPosition.INLINE_START_BLOCK_START
default
คุณสามารถสร้างคอมโพเนนต์ที่ใช้ซ้ำได้รอบๆ คอมโพเนนต์เว็บ JavaScript ของ Maps เช่น AdvancedMarkerElement โดยใช้องค์ประกอบที่กำหนดเอง โดยค่าเริ่มต้น องค์ประกอบที่กำหนดเองที่เพิ่มลงใน MapElement โดยตรงจะได้รับการช่องโฆษณาและแสดงผลใน MapPanes.overlayMouseTarget แต่อาจมีการเติมตำแหน่งเว็บคอมโพเนนต์ Maps JavaScript API ลงในสล็อตภายในของ MapElement อีกครั้ง
BetaaddEventListener
addEventListener(type, listener[, options])
พารามิเตอร์: 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ซึ่งแสดงประเภทเหตุการณ์ที่จะฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอดHandleEvent
  • options:  boolean|AddEventListenerOptions optional ดูตัวเลือก เหตุการณ์ที่กำหนดเองรองรับเฉพาะ capture และ passive
มูลค่าการคืนสินค้า:  void
ตั้งค่าฟังก์ชันที่จะถูกเรียกทุกครั้งที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener
BetaremoveEventListener
removeEventListener(type, listener[, options])
พารามิเตอร์: 
  • type:  string สตริงที่ระบุประเภทของเหตุการณ์ที่จะนํา Listener เหตุการณ์ออก
  • listener:  EventListener|EventListenerObject Listener เหตุการณ์ของเครื่องจัดการเหตุการณ์ที่จะนำออกจากเป้าหมายเหตุการณ์
  • options:  boolean|EventListenerOptions optional ดูตัวเลือก
มูลค่าการคืนสินค้า:  void
นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้กับ addEventListener ออกจากเป้าหมาย ดู removeEventListener
gmp-zoomchange
function(event)
อาร์กิวเมนต์ 
เหตุการณ์นี้จะเริ่มทำงานเมื่อคุณสมบัติการซูมแผนที่มีการเปลี่ยนแปลง

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

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

ออบเจ็กต์ MapElementOptions ซึ่งใช้เพื่อกำหนดคุณสมบัติที่ตั้งค่าใน MapElement ได้
center optional
ประเภท:  LatLng|LatLngLiteral optional
ดูMapElement.center
headingInteractionDisabled optional
ประเภท:  boolean optional
ดูMapElement.headingInteractionDisabled
mapId optional
ประเภท:  string optional
ดูMapElement.mapId
renderingType optional
ประเภท:  RenderingType optional
ดูMapElement.renderingType
tiltInteractionDisabled optional
ประเภท:  boolean optional
ดูMapElement.tiltInteractionDisabled
zoom optional
ประเภท:  number optional
ดูMapElement.zoom

ZoomChangeEvent คลาส

google.maps.ZoomChangeEvent คลาส

เหตุการณ์นี้สร้างขึ้นจากการตรวจสอบการเปลี่ยนแปลงการซูม

คลาสนี้ขยายเวลา Event

เข้าถึงด้วยการโทรหา const {ZoomChangeEvent} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API

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

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

MapTypeStyle คือคอลเล็กชันของตัวเลือกและเครื่องมือจัดรูปแบบซึ่งกำหนดวิธีการจัดรูปแบบแผนที่ ตัวเลือกจะระบุฟีเจอร์และ/หรือองค์ประกอบของแผนที่ที่ควรจะได้รับผลกระทบ และเครื่องมือจัดรูปแบบจะระบุวิธีที่ควรแก้ไขฟีเจอร์และองค์ประกอบเหล่านั้น ดูรายละเอียดได้ที่ข้อมูลอ้างอิงสไตล์
stylers
ประเภท:  Array<Object>
กฎรูปแบบที่จะนำไปใช้กับองค์ประกอบและองค์ประกอบของแผนที่ที่เลือก กฎจะถูกนำไปใช้ตามลำดับที่คุณระบุในอาร์เรย์นี้ สำหรับหลักเกณฑ์เกี่ยวกับการใช้งานและค่าที่อนุญาต โปรดดูข้อมูลอ้างอิงรูปแบบ
elementType optional
ประเภท:  string optional
องค์ประกอบที่ควรใช้จัดสไตล์ องค์ประกอบคือลักษณะของสถานที่บนแผนที่ เช่น ป้ายกำกับ ไอคอน เส้นโครงร่างหรือสีเติมที่ใช้กับรูปทรงเรขาคณิต และอื่นๆ ไม่บังคับ หากไม่ได้ระบุ elementType ระบบจะถือว่าค่านี้เป็น 'all' สำหรับรายละเอียดการใช้งานและค่าที่อนุญาต โปรดดูที่ข้อมูลอ้างอิงสไตล์
featureType optional
ประเภท:  string optional
ฟีเจอร์หรือกลุ่มของจุดสนใจที่ควรใช้จัดแต่งทรงผม ไม่บังคับ หากไม่ได้ระบุ featureType ระบบจะถือว่าค่านี้เป็น 'all' สำหรับรายละเอียดการใช้งานและค่าที่อนุญาต โปรดดูที่ข้อมูลอ้างอิงสไตล์

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

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

ออบเจ็กต์นี้ถูกส่งคืนจากเหตุการณ์เมาส์ต่างๆ บนแผนที่และภาพซ้อนทับ และมีฟิลด์ทั้งหมดที่แสดงด้านล่าง
domEvent
เหตุการณ์ DOM เนทีฟที่เกี่ยวข้อง นักพัฒนาแอปไม่ควรพึ่งพาพร็อพเพอร์ตี้ target, currentTarget, relatedTarget และ path ที่ได้รับการกำหนดและสอดคล้องกัน นักพัฒนาซอฟต์แวร์ไม่ควรพึ่งพาโครงสร้าง DOM ของการใช้งานภายในของ Maps API เช่นกัน เนื่องจากการแมปเหตุการณ์ภายใน domEvent อาจมีความหมายต่างจาก MapMouseEvent (เช่น "คลิก" MapMouseEvent อาจมี domEvent ประเภท KeyboardEvent)
latLng optional
ประเภท:  LatLng optional
ละติจูด/ลองจิจูดที่อยู่ใต้เคอร์เซอร์เมื่อเกิดเหตุการณ์
stop
stop()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  void
ป้องกันไม่ให้เหตุการณ์นี้เผยแพร่เพิ่มเติม

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

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

ออบเจ็กต์นี้ถูกส่งไปในเหตุการณ์เมื่อผู้ใช้คลิกไอคอนบนแผนที่ ระบบได้จัดเก็บรหัสสถานที่ของสถานที่แห่งนี้ไว้ในสมาชิก PlaceId ในการป้องกันไม่ให้หน้าต่างข้อมูลเริ่มต้นปรากฏขึ้น ให้เรียกเมธอด Stop() ในเหตุการณ์นี้เพื่อป้องกันไม่ให้มีการเผยแพร่ เรียนรู้เพิ่มเติมเกี่ยวกับรหัสสถานที่ในคู่มือนักพัฒนาซอฟต์แวร์ Places API

อินเทอร์เฟซนี้ขยาย MapMouseEvent

placeId optional
ประเภท:  string optional
รหัสสถานที่ของสถานที่ที่คลิก รหัสสถานที่นี้สามารถใช้เพื่อค้นหาข้อมูลเพิ่มเติมเกี่ยวกับสถานที่ที่มีการคลิก

เรียนรู้เพิ่มเติมเกี่ยวกับรหัสสถานที่ในคู่มือนักพัฒนาซอฟต์แวร์ Places API
รับค่าเดิม: domEvent, latLng
รับค่าเดิม: stop

รูปแบบสี ค่าคงที่

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

ตัวระบุสำหรับรูปแบบสีแผนที่ ให้ระบุด้วยค่าหรือใช้ชื่อค่าคงที่ เช่น 'FOLLOW_SYSTEM' หรือ google.maps.ColorScheme.FOLLOW_SYSTEM

เข้าถึงด้วยการโทรหา const {ColorScheme} = await google.maps.importLibrary("core") ดูห้องสมุดใน Maps JavaScript API
DARK รูปแบบสีเข้มสำหรับแผนที่
FOLLOW_SYSTEM ระบบจะเลือกรูปแบบสีตามค่ากำหนดของระบบ
LIGHT รูปแบบสีอ่อนสำหรับแผนที่ ค่าเริ่มต้นสำหรับ Maps JS แบบเดิม

MapTypeId ค่าคงที่

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

ตัวระบุสำหรับ MapTypes ทั่วไป ให้ระบุด้วยค่าหรือใช้ชื่อค่าคงที่ เช่น 'satellite' หรือ google.maps.MapTypeId.SATELLITE

เข้าถึงด้วยการโทรหา const {MapTypeId} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
HYBRID แผนที่ประเภทนี้จะแสดงชั้นโปร่งใสของถนนหลักบนภาพถ่ายจากดาวเทียม
ROADMAP แผนที่ประเภทนี้จะแสดงแผนที่ถนนปกติ
SATELLITE แผนที่ประเภทนี้แสดงภาพถ่ายจากดาวเทียม
TERRAIN แผนที่ประเภทนี้แสดงแผนที่ที่มีลักษณะทางกายภาพ เช่น ภูมิประเทศและพืชพรรณ

MapTypeRegistry คลาส

google.maps.MapTypeRegistry คลาส

รีจิสทรีสำหรับอินสแตนซ์ MapType ที่คีย์ตามรหัส MapType

คลาสนี้ขยายเวลา MVCObject

เข้าถึงด้วยการโทรหา const {MapTypeRegistry} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
MapTypeRegistry
MapTypeRegistry()
พารามิเตอร์: ไม่มี
MapTypeRegistry มีคอลเล็กชันแผนที่ที่กำหนดเองประเภทต่างๆ ที่สามารถใช้งานได้กับแผนที่ API จะปรึกษารีจิสทรีนี้เมื่อระบุรายการประเภทแผนที่ที่ใช้ได้ภายในการควบคุม เช่น
set
set(id, mapType)
พารามิเตอร์: 
  • id:  string ตัวระบุของ MapType ที่จะเพิ่มลงในรีจิสทรี
  • mapType:  MapType|* ออบเจ็กต์ MapType ที่จะเพิ่มลงในรีจิสทรี
การคืนสินค้า: ไม่มี
ตั้งค่ารีจิสทรีเพื่อเชื่อมโยงตัวระบุสตริงที่ส่งผ่านกับ MapType ที่ส่งผ่าน
รับค่าเดิม: addListener, bindTo, get, notify, setValues, unbind, unbindAll

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

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

ข้อจำกัดที่สามารถใช้กับแผนที่ วิวพอร์ตของแผนที่จะไม่เกินข้อจำกัดเหล่านี้
latLngBounds
ประเภท:  LatLngBounds|LatLngBoundsLiteral
เมื่อตั้งค่าแล้ว ผู้ใช้จะสามารถเลื่อนและซูมภายในขอบเขตที่กำหนดได้เท่านั้น ขอบเขตสามารถจำกัดทั้งลองจิจูดและละติจูด หรือจำกัดเพียงละติจูดเท่านั้น สำหรับขอบเขตละติจูดเท่านั้น ให้ใช้ลองจิจูดตะวันตกและตะวันออกที่ -180 และ 180 ตามลำดับ เช่น latLngBounds: {north: northLat, south: southLat, west: -180, east: 180}
strictBounds optional
ประเภท:  boolean optional
คุณจำกัดขอบเขตได้โดยการตั้งค่าแฟล็ก strictBounds เป็น true วิธีนี้จะช่วยลดว่าผู้ใช้จะซูมออกได้ไกลแค่ไหน เพื่อให้แน่ใจว่าทุกอย่างที่อยู่นอกขอบเขตที่จำกัดจะยังคงซ่อนอยู่ ค่าเริ่มต้นคือ false ซึ่งหมายความว่าผู้ใช้จะซูมออกได้จนกว่าจะเห็นพื้นที่ขอบเขตทั้งหมด ซึ่งอาจรวมพื้นที่ที่อยู่นอกพื้นที่ขอบเขตด้วย

TrafficLayer คลาส

google.maps.TrafficLayer คลาส

เลเยอร์การจราจร

คลาสนี้ขยายเวลา MVCObject

เข้าถึงด้วยการโทรหา const {TrafficLayer} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
TrafficLayer
TrafficLayer([opts])
พารามิเตอร์: 
เลเยอร์ที่แสดงการจราจรบนท้องถนนในปัจจุบัน
getMap
getMap()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  Map
แสดงแผนที่ที่เลเยอร์นี้ปรากฏ
setMap
setMap(map)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
แสดงเลเยอร์บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำเลเยอร์ออก
setOptions
setOptions(options)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

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

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

ออบเจ็กต์ TrafficLayerOptions ใช้เพื่อกำหนดคุณสมบัติที่ตั้งค่าใน TrafficLayer ได้
autoRefresh optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true
เลเยอร์การจราจรของข้อมูลจะรีเฟรชด้วยข้อมูลที่อัปเดตโดยอัตโนมัติหรือไม่
map optional
ประเภท:  Map optional
แผนที่ที่จะแสดงเลเยอร์การจราจร

TransitLayer คลาส

google.maps.TransitLayer คลาส

เลเยอร์ขนส่งสาธารณะ

คลาสนี้ขยายเวลา MVCObject

เข้าถึงด้วยการโทรหา const {TransitLayer} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
TransitLayer
TransitLayer()
พารามิเตอร์: ไม่มี
เลเยอร์ที่แสดงเส้นทางขนส่งสาธารณะ
getMap
getMap()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  Map
แสดงแผนที่ที่เลเยอร์นี้ปรากฏ
setMap
setMap(map)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
แสดงเลเยอร์บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำเลเยอร์ออก
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

BicyclingLayer คลาส

google.maps.BicyclingLayer คลาส

เลเยอร์แสดงเลนจักรยานและเส้นทาง

คลาสนี้ขยายเวลา MVCObject

เข้าถึงด้วยการโทรหา const {BicyclingLayer} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
BicyclingLayer
BicyclingLayer()
พารามิเตอร์: ไม่มี
เลเยอร์ที่แสดงเลนจักรยานและเส้นทาง และลดระดับถนนขนาดใหญ่
getMap
getMap()
พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:  Map
แสดงแผนที่ที่เลเยอร์นี้ปรากฏ
setMap
setMap(map)
พารามิเตอร์: 
การคืนสินค้า: ไม่มี
แสดงเลเยอร์บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำเลเยอร์ออก
รับค่าเดิม: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

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

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

ใช้สำหรับตั้งค่าตัวเลือกกล้องของแผนที่
center optional
ประเภท:  LatLngLiteral|LatLng optional
heading optional
ประเภท:  number optional
tilt optional
ประเภท:  number optional
zoom optional
ประเภท:  number optional

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

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

ประกอบด้วยจุด 4 จุดที่กำหนดรูปหลายเหลี่ยมสี่ด้านซึ่งเป็นพื้นที่ที่มองเห็นได้ในแผนที่ ในแผนที่เวกเตอร์ รูปหลายเหลี่ยมนี้อาจเป็นสี่เหลี่ยมคางหมูแทนที่จะเป็นสี่เหลี่ยมผืนผ้า เมื่อแผนที่เวกเตอร์มีการเอียง
farLeft
ประเภท:  LatLng
farRight
ประเภท:  LatLng
latLngBounds
ประเภท:  LatLngBounds
กรอบล้อมรอบที่เล็กที่สุดที่รวมพื้นที่ที่มองเห็นได้
nearLeft
ประเภท:  LatLng
nearRight
ประเภท:  LatLng

RenderingType ค่าคงที่

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

เข้าถึงด้วยการโทรหา const {RenderingType} = await google.maps.importLibrary("maps") ดูห้องสมุดใน Maps JavaScript API
RASTER บ่งบอกว่าแผนที่เป็นแผนที่แรสเตอร์
UNINITIALIZED บ่งบอกว่ายังไม่ทราบว่าแผนที่เป็นเวกเตอร์หรือแรสเตอร์ เนื่องจากแผนที่ยังเริ่มต้นไม่เสร็จสิ้น
VECTOR บ่งบอกว่าแผนที่เป็นแผนที่เวกเตอร์

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

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

ออบเจ็กต์ที่มีภาพรวมของความสามารถที่พร้อมใช้งานสำหรับแผนที่ในขณะนี้ โปรดทราบว่าไม่จำเป็นต้องหมายความว่าโมดูลที่เกี่ยวข้องถูกโหลดหรือเริ่มต้นแล้ว แต่แผนที่ปัจจุบันมีสิทธิ์ใช้ API เหล่านี้ ดูรายการความสามารถที่เป็นไปได้ของคุณสมบัตินี้
isAdvancedMarkersAvailable optional
ประเภท:  boolean optional
หากจริง แผนที่นี้ได้รับการกำหนดค่าอย่างถูกต้องเพื่อให้สามารถใช้เครื่องหมายขั้นสูงได้ โปรดทราบว่าคุณยังต้องนำเข้าไลบรารี marker อยู่จึงจะใช้เครื่องหมายขั้นสูงได้ ดูข้อมูลเพิ่มเติมได้ที่ https://goo.gle/gmp-isAdvancedMarkersAvailable
isDataDrivenStylingAvailable optional
ประเภท:  boolean optional
หากเป็นจริง แผนที่นี้ได้รับการกำหนดค่าอย่างถูกต้องเพื่อใช้การจัดรูปแบบตามข้อมูลสำหรับ FeatureLayer อย่างน้อยหนึ่งรายการ ดูข้อมูลเพิ่มเติมได้ที่ https://goo.gle/gmp-data-driven-styling และ https://goo.gle/gmp-FeatureLayerIsAvailable
isWebGLOverlayViewAvailable optional
ประเภท:  boolean optional
หากเป็นจริง แผนที่นี้ได้รับการกำหนดค่าอย่างถูกต้องเพื่อให้สามารถใช้ WebGLOverlayView ได้