Image overlays

MapType interface

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

อินเทอร์เฟซนี้จะกำหนดประเภทแผนที่ และมักใช้กับประเภทแผนที่ที่กำหนดเอง เปลี่ยนแปลงไม่ได้
maxZoom
ประเภท:  number
ระดับการซูมสูงสุดสำหรับแผนที่เมื่อแสดง MapType นี้ ต้องระบุสำหรับ MapType พื้นฐาน แต่จะละเว้นสำหรับ MapType การวางซ้อน
minZoom
ประเภท:  number
ระดับการซูมขั้นต่ำของแผนที่เมื่อแสดง MapType นี้ ไม่บังคับ ค่าเริ่มต้นคือ 0
radius
ประเภท:  number
รัศมีของดาวเคราะห์สำหรับแผนที่เป็นเมตร ไม่บังคับ โดยค่าเริ่มต้นจะเป็นรัศมีเส้นศูนย์สูตรของโลก 6378137 เมตร
tileSize
ประเภท:  Size
ขนาดของการ์ดแต่ละใบ ต้องระบุ
alt optional
ประเภท:  string optional
ข้อความแสดงแทนที่จะแสดงเมื่อวางเมาส์เหนือปุ่มของ MapType นี้ใน MapTypeControl ไม่บังคับ
name optional
ประเภท:  string optional
ชื่อที่จะแสดงใน MapTypeControl ไม่บังคับ
projection optional
ประเภท:  Projection optional
การคาดคะเนที่ใช้แสดงผล MapType นี้ ไม่บังคับ โดยค่าเริ่มต้นคือ Mercator
getTile
getTile(tileCoord, zoom, ownerDocument)
พารามิเตอร์: 
  • tileCoord:  Point พิกัดแผนที่ย่อย
  • zoom:  number การซูมไทล์
  • ownerDocument:  Document เอกสารที่เป็นเจ้าของการ์ดนี้
ผลลัพธ์:  Element|null ไทล์ที่ได้
แสดงผลข้อมูลพร็อพเพอร์ตี้ของชิ้นส่วนแผนที่สำหรับพิกัดชิ้นส่วนแผนที่ (x, y) และระดับการซูมที่ระบุ ระบบจะเพิ่มการ์ดนี้ต่อท้าย ownerDocument ที่ระบุ ไม่พร้อมใช้งานสำหรับแผนที่ฐานบางประเภท
releaseTile
releaseTile(tile)
พารามิเตอร์: 
  • tile:  Element optional ไทล์ที่จะเผยแพร่
ผลลัพธ์: ไม่มี
ปล่อยไทล์ที่ระบุ โดยทำการล้างข้อมูลที่จำเป็น ระบบจะนำการ์ดที่ระบุออกจากเอกสารแล้ว ไม่บังคับ

อินเทอร์เฟซการฉายภาพ

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

fromLatLngToPoint
fromLatLngToPoint(latLng[, point])
พารามิเตอร์: 
ผลลัพธ์:  Point|null
แปลจากทรงกระบอก LatLng ไปยังระนาบ Point อินเทอร์เฟซนี้จะระบุฟังก์ชันที่ใช้การแปลจากค่า LatLng ที่ระบุเป็นพิกัดโลกในการฉายแผนที่ Maps API จะเรียกใช้เมธอดนี้เมื่อต้องแสดงตำแหน่งบนหน้าจอ ออบเจ็กต์ Projection ต้องใช้เมธอดนี้ แต่อาจแสดงผลเป็น null หากการโปรเจ็กต์ไม่สามารถคํานวณ Point ได้
fromPointToLatLng
fromPointToLatLng(pixel[, noClampNoWrap])
พารามิเตอร์: 
  • pixel:  Point
  • noClampNoWrap:  boolean optional
ผลลัพธ์:  LatLng|null
อินเทอร์เฟซนี้จะระบุฟังก์ชันที่ใช้การแปลจากพิกัดโลกในการฉายแผนที่เป็นค่า LatLng Maps API จะเรียกใช้เมธอดนี้เมื่อต้องแปลการกระทําบนหน้าจอเป็นตําแหน่งบนแผนที่ ออบเจ็กต์ Projection ต้องใช้เมธอดนี้ แต่อาจแสดงผลเป็น null หากการโปรเจ็กต์ไม่สามารถคํานวณ LatLng ได้

ImageMapType class

google.maps.ImageMapType class

คลาสนี้ใช้อินเทอร์เฟซ MapType และมีไว้สำหรับการเรนเดอร์ไทล์รูปภาพ

คลาสนี้ขยายจาก MVCObject

คลาสนี้ใช้ MapType

เข้าถึงโดยการโทรหา const {ImageMapType} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API
ImageMapType
ImageMapType(opts)
พารามิเตอร์: 
สร้าง ImageMapType โดยใช้ ImageMapTypeOptions ที่ระบุ
alt
ประเภท:  string optional
maxZoom
ประเภท:  number
minZoom
ประเภท:  number
name
ประเภท:  string optional
projection
ประเภท:  Projection
radius
ประเภท:  number
tileSize
ประเภท:  Size
getOpacity
getOpacity()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  number opacity ความทึบแสงปัจจุบัน
แสดงผลระดับความทึบแสง (0 (โปร่งใส) ถึง 1.0) ของการ์ด ImageMapType
getTile
getTile(tileCoord, zoom, ownerDocument)
พารามิเตอร์: 
  • tileCoord:  Point พิกัดแผนที่ย่อย
  • zoom:  number การซูมไทล์
  • ownerDocument:  Document เอกสารที่เป็นเจ้าของการ์ดนี้
ผลลัพธ์:  Element|null ไทล์ที่ได้
releaseTile
releaseTile(tileDiv)
พารามิเตอร์: 
  • tileDiv:  Element optional ไทล์ที่จะเผยแพร่
ผลลัพธ์: ไม่มี
setOpacity
setOpacity(opacity)
พารามิเตอร์: 
  • opacity:  number ความทึบใหม่
ผลลัพธ์: ไม่มี
ตั้งค่าระดับความทึบแสง (0 (โปร่งใส) ถึง 1.0) ของการ์ด ImageMapType
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
tilesloaded
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มต้นเมื่อโหลดไทล์ที่มองเห็นได้เสร็จแล้ว

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

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

คลาสนี้ใช้ในการสร้าง MapType ที่แสดงผลไทล์รูปภาพ
alt optional
ประเภท:  string optional
ข้อความแสดงแทนที่จะแสดงเมื่อวางเมาส์เหนือปุ่มของ MapType นี้ใน MapTypeControl
getTileUrl optional
ประเภท:  function(Point, number): (string optional) optional
แสดงผลสตริง (URL) สำหรับพิกัดชิ้นส่วนภาพ (x, y) และระดับการซูมที่ระบุ
maxZoom optional
ประเภท:  number optional
ระดับการซูมสูงสุดสำหรับแผนที่เมื่อแสดง MapType นี้
minZoom optional
ประเภท:  number optional
ระดับการซูมขั้นต่ำของแผนที่เมื่อแสดง MapType นี้ ไม่บังคับ
name optional
ประเภท:  string optional
ชื่อที่จะแสดงใน MapTypeControl
opacity optional
ประเภท:  number optional
ความทึบแสงที่จะใช้กับการ์ด คุณควรระบุความทึบแสงเป็นค่าลอยระหว่าง 0 ถึง 1.0 โดยที่ 0 คือโปร่งใสทั้งหมดและ 1 คือทึบทั้งหมด
tileSize optional
ประเภท:  Size optional
ขนาดชิ้นส่วนแผนที่

GroundOverlay class

google.maps.GroundOverlay class

รูปภาพสี่เหลี่ยมผืนผ้าวางซ้อนบนแผนที่

คลาสนี้ขยายจาก MVCObject

เข้าถึงโดยการโทรหา const {GroundOverlay} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API
GroundOverlay
GroundOverlay(url, bounds[, opts])
พารามิเตอร์: 
สร้างการวางซ้อนพื้นดินจาก URL รูปภาพและ LatLngBounds ที่ระบุ ระบบจะปรับขนาดรูปภาพให้พอดีกับขอบเขตปัจจุบัน และฉายภาพโดยใช้การฉายแผนที่ปัจจุบัน
getBounds
getBounds()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  LatLngBounds
รับ LatLngBounds ของการวางซ้อนนี้
getMap
getMap()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  Map
แสดงแผนที่ที่วางซ้อนพื้นดินนี้
getOpacity
getOpacity()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  number
แสดงผลความทึบแสงของการวางซ้อนพื้นดินนี้
getUrl
getUrl()
พารามิเตอร์: ไม่มี
ผลลัพธ์:  string
รับ URL ของรูปภาพที่ฉาย
setMap
setMap(map)
พารามิเตอร์: 
ผลลัพธ์: ไม่มี
แสดงผลการวางซ้อนพื้นดินบนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น null ระบบจะนำการวางซ้อนออก
setOpacity
setOpacity(opacity)
พารามิเตอร์: 
  • opacity:  number
ผลลัพธ์: ไม่มี
ตั้งค่าความทึบของภาพวางซ้อนพื้นดินนี้
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
click
function(event)
อาร์กิวเมนต์: 
เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์คลิก DOM เริ่มต้นใน GroundOverlay
dblclick
function(event)
อาร์กิวเมนต์: 
เหตุการณ์นี้จะเริ่มต้นเมื่อเหตุการณ์ DOM dblclick เริ่มต้นใน GroundOverlay

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

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

ออบเจ็กต์นี้จะกำหนดพร็อพเพอร์ตี้ที่ตั้งค่าได้ในออบเจ็กต์ GroundOverlay
clickable optional
ประเภท:  boolean optional
หากเป็น true การวางซ้อนพื้นดินจะรับเหตุการณ์เมาส์ได้
map optional
ประเภท:  Map optional
แผนที่ที่จะแสดงการวางซ้อน
opacity optional
ประเภท:  number optional
ค่าเริ่มต้น: 1.0
ความทึบแสงของการวางซ้อน ซึ่งแสดงเป็นตัวเลขระหว่าง 0 ถึง 1 ไม่บังคับ

คลาส StyledMapType

google.maps.StyledMapType class

สร้าง MapType ด้วยสไตล์ที่กำหนดเอง

คลาสนี้ขยายจาก MVCObject

คลาสนี้ใช้ MapType

เข้าถึงโดยการโทรหา const {StyledMapType} = await google.maps.importLibrary("maps") โปรดดูไลบรารีใน Maps JavaScript API
StyledMapType
StyledMapType(styles[, options])
พารามิเตอร์: 
สร้าง MapType ที่มีสไตล์ด้วยตัวเลือกที่ระบุ StyledMapType จะรับอาร์เรย์ของ MapTypeStyle โดยที่แต่ละ MapTypeStyle จะใช้กับแผนที่ติดต่อกัน MapTypeStyle ที่ใหม่กว่าซึ่งใช้ MapTypeStyler เดียวกันกับตัวเลือกเดียวกับ MapTypeStyle ก่อนหน้าจะลบล้าง MapTypeStyle ก่อนหน้า
alt
ประเภท:  string
maxZoom
ประเภท:  number
minZoom
ประเภท:  number
name
ประเภท:  string
projection
ประเภท:  Projection
radius
ประเภท:  number
tileSize
ประเภท:  Size
getTile
getTile(tileCoord, zoom, ownerDocument)
พารามิเตอร์: 
  • tileCoord:  Point พิกัดแผนที่ย่อย
  • zoom:  number การซูมไทล์
  • ownerDocument:  Document เอกสารที่เป็นเจ้าของการ์ดนี้
ผลลัพธ์:  Element|null ไทล์ที่ได้
releaseTile
releaseTile(tile)
พารามิเตอร์: 
  • tile:  Element optional ไทล์ที่จะเผยแพร่
ผลลัพธ์: ไม่มี
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

StyledMapTypeOptions interface

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

คลาสนี้ใช้เพื่อระบุตัวเลือกเมื่อสร้าง StyledMapType ตัวเลือกเหล่านี้จะเปลี่ยนแปลงไม่ได้หลังจากสร้างอินสแตนซ์ StyledMapType แล้ว
alt optional
ประเภท:  string optional
ข้อความที่จะแสดงเมื่อวางเมาส์เหนือปุ่ม MapType นี้ในตัวควบคุมประเภทแผนที่
maxZoom optional
ประเภท:  number optional
ระดับการซูมสูงสุดสำหรับแผนที่เมื่อแสดง MapType นี้ ไม่บังคับ
minZoom optional
ประเภท:  number optional
ระดับการซูมต่ำสุดสำหรับแผนที่เมื่อแสดง MapType นี้ ไม่บังคับ
name optional
ประเภท:  string optional
ชื่อที่จะแสดงในตัวควบคุมประเภทแผนที่