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()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อมีการเปลี่ยนแปลง typeType มีการเปลี่ยนแปลง
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 เพื่อเปลี่ยนไอคอน คุณต้องระบุเคอร์เซอร์สำรองอย่างน้อย 1 รายการที่ไม่ใช่ URL เช่นเดียวกับคุณสมบัติ CSS เช่น draggableCursor: 'url(http://www.example.com/icon.png), auto;'
draggingCursor optional
ประเภท:  string optional
ชื่อหรือ URL ของเคอร์เซอร์ที่จะแสดงเมื่อมีการลากแผนที่ พร็อพเพอร์ตี้นี้ใช้แอตทริบิวต์ CSS cursor เพื่อเปลี่ยนไอคอน คุณต้องระบุเคอร์เซอร์สำรองอย่างน้อย 1 รายการที่ไม่ใช่ 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": กิจกรรมการเลื่อนและท่าทางสัมผัสแบบใช้ 1 นิ้วจะเลื่อนหน้าเว็บ และอย่าซูมหรือเลื่อนแผนที่ ใช้ 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
MapElement
MapElement([options])
พารามิเตอร์: 
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
หากเป็น "จริง" ระบบจะกำหนดค่าแผนที่นี้อย่างเหมาะสมเพื่อให้ใช้การจัดรูปแบบที่มาจากข้อมูลของ FeatureLayer ได้อย่างน้อย 1 รายการ ดูข้อมูลเพิ่มเติมได้ที่ https://goo.gle/gmp-data-driven-styling และ https://goo.gle/gmp-FeatureLayerIsAvailable