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 รหัสแผนที่ซึ่งใช้สำหรับตัวอย่างโค้ดที่ต้องใช้รหัสแผนที่ได้ รหัสแผนที่นี้ไม่ได้มีไว้สำหรับใช้ในแอปพลิเคชันเวอร์ชันที่ใช้งานจริงและไม่สามารถใช้กับฟีเจอร์ที่ต้องใช้การกำหนดค่าระบบคลาวด์ (เช่น Cloud Styling)
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 ระยะห่างจากขอบเป็นพิกเซล ขอบเขตจะอยู่ในส่วนของแผนที่ที่ยังคงอยู่หลังจากนำระยะห่างจากขอบออก ค่าตัวเลขจะมีระยะห่างจากขอบเท่ากันทั้ง 4 ด้าน ป้อน 0 ที่นี่เพื่อสร้างตัวระบุ fitBounds ของผลลัพธ์ของ getBounds
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าวิวพอร์ตให้มีขอบเขตที่กำหนด
หมายเหตุ: เมื่อตั้งค่าแผนที่เป็น display: none ฟังก์ชัน fitBounds จะอ่านขนาดของแผนที่เป็น 0x0 และจะไม่ดำเนินการใดๆ หากต้องการเปลี่ยนวิวพอร์ตขณะที่แผนที่ซ่อนอยู่ ให้ตั้งค่าแผนที่เป็น visibility: hidden เพื่อให้ div ของแผนที่มีขนาดจริง สำหรับแผนที่เวกเตอร์ เมธอดนี้จะตั้งค่าการเอียงและทิศทางของแผนที่เป็นค่าเริ่มต้น 0 ค่า การเรียกวิธีการนี้อาจทำให้ภาพเคลื่อนไหวลื่นไหลขณะที่แผนที่เลื่อนและซูมให้พอดีกับขอบเขตดังกล่าว วิธีการนี้จะสร้างภาพเคลื่อนไหวหรือไม่นั้นขึ้นอยู่กับการเรียนรู้ภายใน
getBounds
getBounds()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  LatLngBounds|undefined ขอบเขตละติจูด/ลองจิจูดของวิวพอร์ตปัจจุบัน
แสดงขอบเขตละติจูด/ลองจิจูดของวิวพอร์ตปัจจุบัน หากสามารถมองเห็นสำเนาโลกได้มากกว่า 1 ชุด ขอบเขตเป็นช่วงลองจิจูดตั้งแต่ -180 ถึง 180 องศา หากแผนที่ยังไม่ได้เริ่มต้นหรือตั้งศูนย์กลาง และไม่มีการตั้งค่าการซูม ผลที่ได้จะเป็น undefined สำหรับแผนที่เวกเตอร์ที่มีการเอียงหรือส่วนหัวที่ไม่ใช่ 0 ขอบเขตละติจูด/ลองจิจูดที่แสดงผลคือกรอบล้อมรอบที่เล็กที่สุดซึ่งรวมพื้นที่ที่มองเห็นได้ของวิวพอร์ตของแผนที่ ดู MapCanvasProjection.getVisibleRegion เพื่อรับตำแหน่งที่มองเห็นได้ที่แน่นอนของวิวพอร์ตแผนที่
getCenter
getCenter()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  LatLng|undefined
แสดงตำแหน่งที่อยู่ตรงกลางของแผนที่ โปรดทราบว่าระบบไม่รวมออบเจ็กต์ LatLng นี้ ดูข้อมูลเพิ่มเติมได้ที่ LatLng หากไม่ได้กำหนดจุดกึ่งกลางหรือขอบเขต ผลลัพธ์จะเป็น undefined
getClickableIcons
getClickableIcons()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  boolean|undefined
แสดงความสามารถในการคลิกของไอคอนแผนที่ ไอคอนแผนที่แสดงจุดสนใจ หรือที่เรียกว่า POI หากค่าที่แสดงคือ true คุณจะคลิกไอคอนบนแผนที่ได้
BetagetDatasetFeatureLayer
getDatasetFeatureLayer(datasetId)
พารามิเตอร์: 
  • datasetId:  string
ค่าที่ส่งคืน:  FeatureLayer
แสดงผล FeatureLayer สำหรับ datasetId ที่ระบุ คุณต้องกำหนดค่ารหัสชุดข้อมูลใน Google Cloud Console หากรหัสชุดข้อมูลไม่ได้เชื่อมโยงกับรูปแบบแผนที่ หรือหากไม่มีการจัดรูปแบบจากข้อมูล (ไม่มีรหัสแผนที่ ไม่มีชิ้นส่วนเวกเตอร์ ไม่มีเลเยอร์ของฟีเจอร์การจัดรูปแบบที่เป็นไปตามข้อมูล หรือชุดข้อมูลที่กำหนดค่าในรูปแบบแผนที่) ระบบจะบันทึกข้อผิดพลาด และ FeatureLayer.isAvailable ที่ได้จะเป็นเท็จ
getDiv
getDiv()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  HTMLElement mapDiv ของแผนที่
getFeatureLayer
getFeatureLayer(featureType)
พารามิเตอร์: 
ค่าที่ส่งคืน:  FeatureLayer
แสดง FeatureLayer ของ FeatureType ที่เฉพาะเจาะจง ต้องเปิดใช้ FeatureLayer ใน Google Cloud Console หากไม่มี FeatureLayer ของ FeatureType ที่ระบุในแผนที่นี้ หรือหากไม่มีการจัดรูปแบบที่มาจากข้อมูล (ไม่มีรหัสแผนที่ ไม่มีชิ้นส่วนเวกเตอร์ และไม่มีการเปิดใช้ FeatureLayer ในรูปแบบแผนที่) จะบันทึกข้อผิดพลาด และทำให้ FeatureLayer.isAvailable ที่ได้จะเป็นเท็จ
getHeading
getHeading()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  number|undefined
แสดงทิศทางตามเข็มทิศของแผนที่ ค่าส่วนหัวจะวัดเป็นองศา (ตามเข็มนาฬิกา) จากทิศทางทิศเหนือหรือคาร์ดินัล หากแผนที่ยังไม่ได้เริ่มต้น ผลลัพธ์จะเป็น undefined
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
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 ระยะห่างจากขอบเป็นพิกเซล ค่าตัวเลขจะมีระยะห่างจากขอบเท่ากันทั้ง 4 ด้าน ค่าเริ่มต้นคือ 0
ค่าที่ส่งคืน: ไม่มี
เลื่อนแผนที่ตามจำนวนขั้นต่ำที่จำเป็นในการมี LatLngBounds ที่ระบุ แต่ไม่ได้รับประกันว่าขอบเขตจะอยู่ในตำแหน่งใดบนแผนที่ ยกเว้นว่ามีการแพนแผนที่เพื่อแสดงขอบเขตภายใน {currentMapSizeInPx} - {padding} ให้ได้มากที่สุด สำหรับทั้งแผนที่แรสเตอร์และแผนที่เวกเตอร์ การซูม เอียง และทิศทางของแผนที่จะไม่เปลี่ยนแปลง
setCenter
setCenter(latlng)
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
setClickableIcons
setClickableIcons(value)
พารามิเตอร์: 
  • value:  boolean
ค่าที่ส่งคืน: ไม่มี
ควบคุมว่าไอคอนแผนที่จะคลิกได้หรือไม่ ไอคอนแผนที่แสดงจุดสนใจ หรือที่เรียกว่า POI หากต้องการปิดความสามารถในการคลิกของไอคอนแผนที่ ให้ส่งค่า false ไปยังเมธอดนี้
setHeading
setHeading(heading)
พารามิเตอร์: 
  • heading:  number
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าทิศทางทิศทางของเข็มทิศสำหรับแผนที่ที่วัดเป็นองศาจากทิศเหนือคาร์ดินัล สำหรับแผนที่แรสเตอร์ วิธีการนี้ใช้กับภาพถ่ายทางอากาศเท่านั้น
setMapTypeId
setMapTypeId(mapTypeId)
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
setOptions
setOptions(options)
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
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 เนื่องจากการทำเช่นนั้นอาจให้ผลลัพธ์ที่คาดเดาไม่ได้
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()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อเปลี่ยนการแสดงผลประเภท
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 ไอคอนแผนที่จะไม่สามารถคลิกได้ ไอคอนแผนที่แสดงจุดสนใจ หรือที่เรียกว่า POI
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 เพื่อเปลี่ยนไอคอน เช่นเดียวกับคุณสมบัติ CSS คุณต้องระบุเคอร์เซอร์สำรองอย่างน้อย 1 รายการที่ไม่ใช่ URL เช่น draggableCursor: 'url(http://www.example.com/icon.png), auto;'
draggingCursor optional
ประเภท:  string optional
ชื่อหรือ URL ของเคอร์เซอร์ที่จะแสดงเมื่อมีการลากแผนที่ พร็อพเพอร์ตี้นี้ใช้แอตทริบิวต์ CSS cursor เพื่อเปลี่ยนไอคอน เช่นเดียวกับคุณสมบัติ CSS คุณต้องระบุเคอร์เซอร์สำรองอย่างน้อย 1 รายการที่ไม่ใช่ URL เช่น 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
ทิศทางสำหรับภาพถ่ายทางอากาศเป็นองศาที่วัดตามเข็มนาฬิกาจากทิศเหนือทิศเหนือ ระบบจะจัดส่วนหัวให้อยู่ในมุมที่ใกล้เคียงที่สุดที่มีภาพ
isFractionalZoomEnabled optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true สำหรับแผนที่เวกเตอร์และ false สำหรับแผนที่แรสเตอร์
แผนที่ควรอนุญาตการซูมแบบเป็นส่วนๆ หรือไม่ ฟัง isfractionalzoomenabled_changed เพื่อให้ทราบว่าตั้งเป็นค่าเริ่มต้นแล้ว
keyboardShortcuts optional
ประเภท:  boolean optional
หากเป็น false ป้องกันไม่ให้แป้นพิมพ์ควบคุมแผนที่ แป้นพิมพ์ลัดจะเปิดใช้โดยค่าเริ่มต้น
mapId optional
ประเภท:  string optional
รหัสแผนที่ของแผนที่ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว
mapTypeControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้เริ่มต้นของตัวควบคุมประเภทแผนที่
mapTypeControlOptions optional
ประเภท:  MapTypeControlOptions optional
ตัวเลือกการแสดงผลเริ่มต้นสำหรับการควบคุมประเภทแผนที่
mapTypeId optional
ประเภท:  MapTypeId|string optional
แผนที่ประเภทรหัสเริ่มต้น ค่าเริ่มต้นคือ 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
ตัวเลือกการแสดงผลสำหรับการควบคุมการเลื่อน

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 เพราะอาจทำให้เกิดผลกระทบที่คาดเดาไม่ได้
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" map-id="string" zoom="number"></gmp-map>

ชั้นเรียนนี้จะขยายการให้บริการไปยัง HTMLElement

คลาสนี้ใช้ MapElementOptions

เข้าถึงโดยการโทร const {MapElement} = await google.maps.importLibrary("maps") ดูไลบรารีใน Maps JavaScript API
center
ประเภท:  LatLng|LatLngLiteral optional
ละติจูด/ลองจิจูดศูนย์กลางของแผนที่
แอตทริบิวต์ HTML:
  • <gmp-map center="lat,lng"></gmp-map>
innerMap
ประเภท:  Map
การอ้างอิงไปยัง Map ที่ MapElement ใช้ภายใน
mapId
ประเภท:  string optional
รหัสแผนที่ ดูข้อมูลเพิ่มเติมในเอกสารประกอบเกี่ยวกับรหัสแผนที่
แอตทริบิวต์ HTML:
  • <gmp-map map-id="string"></gmp-map>
zoom
ประเภท:  number optional
ระดับการซูมของแผนที่
แอตทริบิวต์ 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
BetaaddEventListener
addEventListener(type, listener[, options])
พารามิเตอร์: 
  • type:  string สตริงที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ซึ่งแสดงถึงประเภทเหตุการณ์ที่ต้องการฟัง
  • listener:  EventListener|EventListenerObject ออบเจ็กต์ที่ได้รับการแจ้งเตือน ซึ่งต้องเป็นฟังก์ชันหรือออบเจ็กต์ที่มีเมธอด ManageEvent
  • 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
ศูนย์กลางแผนที่เริ่มต้น
mapId optional
ประเภท:  string optional
รหัสแผนที่ของแผนที่ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว
zoom optional
ประเภท:  number optional
ระดับการซูมแผนที่เริ่มต้น ค่าการซูมที่ถูกต้องเป็นตัวเลขตั้งแต่ 0 ถึงระดับการซูมสูงสุดที่รองรับ ค่าการซูมที่ใหญ่ขึ้นจะสอดคล้องกับความละเอียดที่สูงกว่า

คลาส 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

ค่าคงที่ MapTypeId

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

ตัวระบุสำหรับ MapType ทั่วไป ให้ระบุตามค่าหรือใช้ชื่อค่าคงตัว เช่น '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 จุดที่ระบุถึงรูปหลายเหลี่ยม 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
หากเป็น "จริง" แผนที่นี้ได้รับการกำหนดค่าอย่างเหมาะสมเพื่อให้สามารถใช้การจัดรูปแบบที่มาจากข้อมูลได้อย่างน้อย 1 สำหรับ FeatureLayer ดูข้อมูลเพิ่มเติมได้ที่ https://goo.gle/gmp-data-driven-styling และ https://goo.gle/gmp-FeatureLayerIsAvailable