แผนที่ คลาส
google.maps.Map
คลาส
คลาสนี้ขยายเวลา
MVCObject
เข้าถึงด้วยการโทรหา const {Map} = await google.maps.importLibrary("maps")
ดูห้องสมุดใน Maps JavaScript API
ผู้ผลิต | |
---|---|
Map |
Map(mapDiv[, opts]) พารามิเตอร์:
สร้างแผนที่ใหม่ภายในคอนเทนเนอร์ HTML ที่กำหนด ซึ่งโดยทั่วไปจะเป็นองค์ประกอบ DIV |
ค่าคงที่ | |
---|---|
DEMO_MAP_ID |
รหัสแผนที่ซึ่งสามารถใช้สำหรับตัวอย่างโค้ดที่ต้องใช้รหัสแผนที่ รหัสแผนที่นี้ไม่ได้มีไว้เพื่อใช้ในแอปพลิเคชันเวอร์ชันที่ใช้งานจริง และไม่สามารถใช้กับฟีเจอร์ที่ต้องมีการกำหนดค่าในระบบคลาวด์ (เช่น การจัดรูปแบบในระบบคลาวด์) |
พร็อพเพอร์ตี้ | |
---|---|
controls |
ประเภท:
Array<MVCArray<HTMLElement>> การควบคุมเพิ่มเติมที่จะแนบไปกับแผนที่ หากต้องการเพิ่มการควบคุมลงในแผนที่ ให้เพิ่ม <div> ของการควบคุมไปยัง MVCArray ที่สอดคล้องกับ ControlPosition ที่ซึ่งควรแสดง |
data |
ประเภท:
Data อินสแตนซ์ของ Data ที่เชื่อมโยงกับแผนที่ เพิ่มจุดสนใจให้กับวัตถุ Data นี้เพื่อแสดงบนแผนที่นี้ได้อย่างสะดวก |
mapTypes |
ประเภท:
MapTypeRegistry รีจิสทรีของอินสแตนซ์ MapType รายการตามรหัสสตริง |
overlayMapTypes |
ประเภทแผนที่เพิ่มเติมที่จะวางซ้อน ประเภทแผนที่แบบซ้อนทับจะแสดงที่ด้านบนของแผนที่ฐานที่แนบอยู่ โดยเรียงลำดับตามการปรากฏในอาร์เรย์ overlayMapTypes (การวางซ้อนที่มีค่าดัชนีที่สูงกว่าจะแสดงหน้าภาพซ้อนทับที่มีค่าดัชนีต่ำกว่า) |
เมธอด | |
---|---|
fitBounds |
fitBounds(bounds[, padding]) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่าวิวพอร์ตให้มีขอบเขตที่กำหนด หมายเหตุ: เมื่อแผนที่ถูกตั้งค่าเป็น display: none ฟังก์ชัน fitBounds จะอ่านขนาดของแผนที่เป็น 0x0 และจะไม่ดำเนินการใดๆ หากต้องการเปลี่ยนวิวพอร์ตขณะที่แผนที่ซ่อนอยู่ ให้ตั้งแผนที่เป็น visibility: hidden เพื่อให้ div แผนที่มีขนาดจริง สำหรับแผนที่เวกเตอร์ วิธีการนี้จะตั้งค่าการเอียงและทิศทางของแผนที่ให้เป็นค่าเริ่มต้นเป็นศูนย์ การเรียกวิธีการนี้อาจทำให้ภาพเคลื่อนไหวลื่นไหลเนื่องจากแผนที่แพนและซูมให้พอดีกับขอบเขต วิธีการนี้จะเคลื่อนไหวหรือไม่ขึ้นอยู่กับการเรียนรู้ภายใน |
getBounds |
getBounds() พารามิเตอร์: ไม่มี
ค่าการแสดงผล:
LatLngBounds|undefined ขอบเขตละติจูด/ลองจิจูดของวิวพอร์ตปัจจุบันแสดงขอบเขตละติจูด/ลองจิจูดของวิวพอร์ตปัจจุบัน หากมองเห็นสำเนาภาพโลกมากกว่า 1 ชุด ขอบเขตในลองจิจูดจะเป็นช่วง -180 ถึง 180 องศา ถ้าแผนที่ยังไม่ได้เริ่มต้นหรือยังไม่ตั้งศูนย์กลางและยังไม่ได้ตั้งการซูม ผลลัพธ์คือ undefined สำหรับแผนที่เวกเตอร์ที่มีการเอียงหรือส่วนหัวที่ไม่ใช่ 0 ขอบเขตละติจูด/ลองจิจูดที่ส่งกลับจะแสดงช่องขอบเขตที่เล็กที่สุด ซึ่งรวมขอบเขตที่มองเห็นได้ของวิวพอร์ตของแผนที่ ดู MapCanvasProjection.getVisibleRegion เพื่อดูพื้นที่ที่มองเห็นของวิวพอร์ตในแผนที่ได้อย่างถูกต้อง |
getCenter |
getCenter() พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:
LatLng|undefined |
getClickableIcons |
getClickableIcons() พารามิเตอร์: ไม่มี
มูลค่าการคืนสินค้า:
boolean|undefined แสดงผลความสามารถในการคลิกได้ของไอคอนแผนที่ ไอคอนแผนที่แสดงจุดที่น่าสนใจ หรือที่เรียกว่าจุดที่น่าสนใจ หากค่าที่แสดงผลคือ true ไอคอนสามารถคลิกได้บนแผนที่ |
|
getDatasetFeatureLayer(datasetId) พารามิเตอร์:
มูลค่าการคืนสินค้า:
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) และจากเหนือไปใต้ (สำหรับค่า y) |
panTo |
panTo(latLng) พารามิเตอร์:
การคืนสินค้า: ไม่มี
เปลี่ยนศูนย์กลางของแผนที่เป็น LatLng ที่ระบุ หากการเปลี่ยนแปลงน้อยกว่าทั้งความกว้างและความสูงของแผนที่ การเปลี่ยนจะเคลื่อนไหวอย่างราบรื่น |
panToBounds |
panToBounds(latLngBounds[, padding]) พารามิเตอร์:
การคืนสินค้า: ไม่มี
เลื่อนแผนที่ตามจำนวนขั้นต่ำที่จำเป็นต่อการมี LatLngBounds ที่ระบุ จึงไม่สามารถรับประกันได้ว่าขอบเขตจะอยู่ที่ตำแหน่งใดบนแผนที่ ยกเว้นแผนที่จะเลื่อนเพื่อแสดงขอบเขตภายใน {currentMapSizeInPx} - {padding} ให้มากที่สุดเท่าที่จะเป็นไปได้ สำหรับทั้งแผนที่แรสเตอร์และแผนที่เวกเตอร์ การซูม การเอียง และทิศทางของแผนที่จะไม่เปลี่ยนแปลง |
setCenter |
setCenter(latlng) พารามิเตอร์:
การคืนสินค้า: ไม่มี
|
setClickableIcons |
setClickableIcons(value) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ควบคุมว่าไอคอนแผนที่จะคลิกได้หรือไม่ ไอคอนแผนที่แสดงจุดที่น่าสนใจ หรือที่เรียกว่าจุดที่น่าสนใจ หากต้องการปิดใช้ความสามารถในการคลิกได้ของไอคอนแผนที่ ให้ส่งค่า false ไปยังวิธีนี้ |
setHeading |
setHeading(heading) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่าทิศทางเข็มทิศสำหรับแผนที่ซึ่งวัดเป็นองศาจากทิศทางหลักทิศเหนือ สำหรับแผนที่แรสเตอร์ วิธีนี้ใช้ได้เฉพาะกับภาพถ่ายทางอากาศเท่านั้น |
setHeadingInteractionEnabled |
setHeadingInteractionEnabled(headingInteractionEnabled) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่าว่าจะเปิดใช้การโต้ตอบกับส่วนหัวหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี) |
setMapTypeId |
setMapTypeId(mapTypeId) พารามิเตอร์:
การคืนสินค้า: ไม่มี
|
setOptions |
setOptions(options) พารามิเตอร์:
การคืนสินค้า: ไม่มี
|
setRenderingType |
setRenderingType(renderingType) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่า RenderingType ปัจจุบันของแผนที่ |
setStreetView |
setStreetView(panorama) พารามิเตอร์:
การคืนสินค้า: ไม่มี
เชื่อมโยง StreetViewPanorama กับแผนที่ ภาพพาโนรามานี้จะแทนที่ StreetViewPanorama เริ่มต้น ซึ่งจะทำให้แผนที่สามารถเชื่อมโยงกับภาพพาโนรามาภายนอกที่อยู่นอกแผนที่ได้ การตั้งค่าพาโนรามาเป็น null จะเชื่อมโยงภาพพาโนรามาเริ่มต้นที่ฝังไว้กับแผนที่ |
setTilt |
setTilt(tilt) พารามิเตอร์:
การคืนสินค้า: ไม่มี
สำหรับแผนที่เวกเตอร์ ให้กำหนดมุมอุบัติการณ์ของแผนที่ ค่าที่อนุญาตถูกจำกัดโดยขึ้นอยู่กับระดับการซูมของแผนที่ สำหรับแผนที่แรสเตอร์ ให้ควบคุมลักษณะการสลับอัตโนมัติสำหรับมุมการเกิดแผนที่ ค่าที่อนุญาตมีเพียง 0 และ 45 setTilt(0) ทำให้แผนที่ใช้มุมมองจากด้านบนเป็น 0° เสมอ โดยไม่คำนึงถึงระดับการซูมและวิวพอร์ต setTilt(45) จะทำให้มุมเอียงเปลี่ยนเป็น 45 โดยอัตโนมัติเมื่อใดก็ตามที่มีภาพ 45° สำหรับระดับการซูมและวิวพอร์ตปัจจุบัน และเปลี่ยนกลับเป็น 0 เมื่อไม่มีภาพ 45° (นี่คือการทำงานเริ่มต้น) ภาพ 45° มีเฉพาะสำหรับแผนที่ประเภท satellite และ hybrid , ในบางตำแหน่ง และในบางระดับการซูม หมายเหตุ: getTilt จะแสดงผลมุมเอียงปัจจุบัน ไม่ใช่ค่าที่กำหนดโดย setTilt เนื่องจาก getTilt และ setTilt อ้างอิงถึงสิ่งที่แตกต่างกัน อย่า bind() พร็อพเพอร์ตี้ tilt การทำเช่นนี้อาจทำให้เกิดผลลัพธ์ที่คาดเดาไม่ได้ |
setTiltInteractionEnabled |
setTiltInteractionEnabled(tiltInteractionEnabled) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่าว่าจะเปิดใช้การโต้ตอบแบบเอียงหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี) |
setZoom |
setZoom(zoom) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่าการซูมของแผนที่ |
รับค่าเดิม:
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() อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อคุณสมบัติการซูมแผนที่มีการเปลี่ยนแปลง |
|
function(event) อาร์กิวเมนต์
เหตุการณ์นี้จะเกิดขึ้นเมื่อผู้ใช้คลิกขวาบนแผนที่ |
MapOptions อินเทอร์เฟซ
google.maps.MapOptions
อินเทอร์เฟซ
ออบเจ็กต์ MapOptions ที่ใช้กำหนดคุณสมบัติที่ตั้งค่าได้บนแผนที่
พร็อพเพอร์ตี้ | |
---|---|
backgroundColor optional |
ประเภท:
string optional สีที่ใช้สำหรับพื้นหลังของ div แผนที่ สีนี้จะปรากฏเมื่อหน้าต่างยังไม่ได้โหลดขณะที่ผู้ใช้เลื่อน ตัวเลือกนี้จะตั้งค่าได้เมื่อเริ่มต้นแผนที่แล้วเท่านั้น |
center optional |
ประเภท:
LatLng|LatLngLiteral optional ศูนย์กลางแผนที่เริ่มต้น |
clickableIcons optional |
ประเภท:
boolean optional ค่าเริ่มต้น:
true เมื่อ false ไอคอนแผนที่ไม่สามารถคลิกได้ ไอคอนแผนที่แสดงจุดที่น่าสนใจ หรือที่เรียกว่าจุดที่น่าสนใจ |
|
ประเภท:
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 เปิดใช้งาน/ปิดใช้งานการซูมและกึ่งกลางเมื่อดับเบิลคลิก เปิดใช้โดยค่าเริ่มต้น หมายเหตุ: เราไม่แนะนำให้ใช้พร็อพเพอร์ตี้นี้ หากต้องการปิดใช้การซูมเมื่อดับเบิลคลิก คุณสามารถใช้พร็อพเพอร์ตี้ |
|
ประเภท:
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 จัดการท่าทางสัมผัสบนแผนที่ ค่าที่อนุญาต:
|
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 แผนที่ |
|
ประเภท:
boolean 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 จะเป็นการปิดใช้งานการซูมแผนที่โดยใช้ล้อเลื่อนของเมาส์ ระบบจะเปิดใช้ล้อเลื่อนโดยค่าเริ่มต้น หมายเหตุ: เราไม่แนะนำให้ใช้พร็อพเพอร์ตี้นี้ หากต้องการปิดใช้การซูมโดยใช้ล้อเลื่อน คุณสามารถใช้คุณสมบัติ |
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:
|
headingInteractionDisabled |
ประเภท:
boolean optional ค่าเริ่มต้น:
false แผนที่ควรอนุญาตให้ผู้ใช้ควบคุมทิศทางของกล้องหรือไม่ (การหมุน) ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
แอตทริบิวต์ HTML:
|
innerMap |
ประเภท:
Map การอ้างอิง Map ที่ MapElement ใช้ภายใน |
mapId |
ประเภท:
string optional รหัสแผนที่ของแผนที่ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว คุณสามารถใช้
Map.DEMO_MAP_ID เพื่อลองใช้ฟีเจอร์ที่ต้องใช้รหัสแผนที่ แต่ไม่จำเป็นต้องเปิดใช้งานระบบคลาวด์แอตทริบิวต์ HTML:
|
renderingType |
ประเภท:
RenderingType optional ค่าเริ่มต้น:
RenderingType.VECTOR ดูว่าแผนที่ควรเป็นแผนที่แรสเตอร์หรือเวกเตอร์ ไม่สามารถตั้งค่าหรือเปลี่ยนแปลงพารามิเตอร์นี้หลังจากสร้างอินสแตนซ์แผนที่แล้ว หากไม่ได้ตั้งค่า การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่จะเป็นตัวกำหนดประเภทการแสดงผล (หากมี) โปรดทราบว่าแผนที่เวกเตอร์อาจไม่สามารถใช้ได้ในบางอุปกรณ์และเบราว์เซอร์ และแผนที่จะกลับไปใช้แผนที่แรสเตอร์ตามที่จำเป็น
แอตทริบิวต์ HTML:
|
tiltInteractionDisabled |
ประเภท:
boolean optional ค่าเริ่มต้น:
false แผนที่ควรอนุญาตให้ผู้ใช้ควบคุมการเอียงกล้องหรือไม่ ตัวเลือกนี้จะมีผลเมื่อแผนที่เป็นแผนที่เวกเตอร์เท่านั้น หากไม่ได้ตั้งค่าในโค้ด ระบบจะใช้การกำหนดค่าระบบคลาวด์สำหรับรหัสแผนที่ (หากมี)
แอตทริบิวต์ HTML:
|
zoom |
ประเภท:
number optional ระดับการซูมของแผนที่ ค่าการซูมที่ถูกต้องเป็นตัวเลขตั้งแต่ 0 ถึงระดับการซูมสูงสุดที่รองรับ ค่าการซูมที่ใหญ่ขึ้นจะสอดคล้องกับความละเอียดที่สูงขึ้น
แอตทริบิวต์ HTML:
|
เมธอด | |
---|---|
|
addEventListener(type, listener[, options]) พารามิเตอร์:
มูลค่าการคืนสินค้า:
void ตั้งค่าฟังก์ชันที่จะถูกเรียกทุกครั้งที่มีการส่งเหตุการณ์ที่ระบุไปยังเป้าหมาย ดู addEventListener |
|
removeEventListener(type, listener[, options]) พารามิเตอร์:
มูลค่าการคืนสินค้า:
void นำ Listener เหตุการณ์ที่ลงทะเบียนไว้ก่อนหน้านี้กับ addEventListener ออกจากเป้าหมาย ดู removeEventListener |
กิจกรรม | |
---|---|
gmp-zoomchange |
function(event) อาร์กิวเมนต์
เหตุการณ์นี้จะเริ่มทำงานเมื่อคุณสมบัติการซูมแผนที่มีการเปลี่ยนแปลง |
MapElementOptions อินเทอร์เฟซ
google.maps.MapElementOptions
อินเทอร์เฟซ
ออบเจ็กต์ MapElementOptions ซึ่งใช้เพื่อกำหนดคุณสมบัติที่ตั้งค่าใน MapElement ได้
พร็อพเพอร์ตี้ | |
---|---|
center optional |
ประเภท:
LatLng|LatLngLiteral optional |
headingInteractionDisabled optional |
ประเภท:
boolean optional |
mapId optional |
ประเภท:
string optional |
renderingType optional |
ประเภท:
RenderingType optional |
tiltInteractionDisabled optional |
ประเภท:
boolean optional |
zoom optional |
ประเภท:
number optional |
ZoomChangeEvent คลาส
google.maps.ZoomChangeEvent
คลาส
เหตุการณ์นี้สร้างขึ้นจากการตรวจสอบการเปลี่ยนแปลงการซูม
คลาสนี้ขยายเวลา
Event
เข้าถึงด้วยการโทรหา const {ZoomChangeEvent} = await google.maps.importLibrary("maps")
ดูห้องสมุดใน Maps JavaScript API
MapTypeStyle อินเทอร์เฟซ
google.maps.MapTypeStyle
อินเทอร์เฟซ
MapTypeStyle
คือคอลเล็กชันของตัวเลือกและเครื่องมือจัดรูปแบบซึ่งกำหนดวิธีการจัดรูปแบบแผนที่ ตัวเลือกจะระบุฟีเจอร์และ/หรือองค์ประกอบของแผนที่ที่ควรจะได้รับผลกระทบ และเครื่องมือจัดรูปแบบจะระบุวิธีที่ควรแก้ไขฟีเจอร์และองค์ประกอบเหล่านั้น ดูรายละเอียดได้ที่ข้อมูลอ้างอิงสไตล์
พร็อพเพอร์ตี้ | |
---|---|
stylers |
กฎรูปแบบที่จะนำไปใช้กับองค์ประกอบและองค์ประกอบของแผนที่ที่เลือก กฎจะถูกนำไปใช้ตามลำดับที่คุณระบุในอาร์เรย์นี้ สำหรับหลักเกณฑ์เกี่ยวกับการใช้งานและค่าที่อนุญาต โปรดดูข้อมูลอ้างอิงรูปแบบ |
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) พารามิเตอร์:
การคืนสินค้า: ไม่มี
ตั้งค่ารีจิสทรีเพื่อเชื่อมโยงตัวระบุสตริงที่ส่งผ่านกับ 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 ได้ |