คู่มืออ้างอิง Google Maps

เครื่องมือสร้าง Map()

สร้างแผนที่กลุ่มเกาะ:

var map = new google.maps.Map(mapCanvas, mapOptions);

คำนิยามและการใช้งาน

เครื่องมือสร้าง Map() สร้างแผนที่ใหม่ในองค์ประกอบ HTML ที่กำหนด (ส่วนใหญ่เป็นองค์ประกอบ <div>)

รูปแบบ

new google.maps.Map(HTMLElement,MapOptions)

ค่าของประกาศ

ตัวแปร คำอธิบาย
HTMLElement กำหนดที่จะใส่แผนที่ในองค์ประกอบ HTML
MapOptions กำหนดตัวแปร/ตัวเลือกของการตั้งค่าแผนที่ MapOptions

วิธีของ Map()

วิธี กลับค่าค่าตอบสนอง คำอธิบาย
fitBounds(LatLngBounds) None ตั้งค่ามุมมองเพื่อที่จะครอบคลุมพื้นที่ที่กำหนด
getBounds() LatLng,LatLng กลับค่าละติจูด/ลองจิจูดทางตะวันตกใต้และทางตะวันออกเฉียงเหนือของมุมมองปัจจุบัน
getCenter() LatLng กลับค่าละติจูด/ลองจิจูดของจุดกลางแผนที่
getDiv() Node กลับค่าองค์ประกอบ DOM ที่มีแผนที่
getHeading() number

กลับค่าทิศทางของกำเนิดภาพยนตร์ทางอากาศ

ใช้สำหรับชนิดแผนที่ SATELLITE และ HYBRID
getMapTypeId()
  • HYBRID
  • ROADMAP
  • SATELLITE
  • TERRAIN
 กลับค่าประเภทแผนที่ปัจจุบัน
getProjection() Projection กลับค่าภาพรับแบบฉากปัจจุบัน
getStreetView() StreetViewPanorama กลับค่า StreetViewPanorama ที่เชื่อมโยงกับแผนที่โดยเริ่มต้น
getTilt() number

กลับค่ามุมของภาพยนตร์ทางอากาศ (ในหน่วยองศา)

ใช้สำหรับชนิดแผนที่ SATELLITE และ HYBRID
getZoom() number กลับค่าระดับการขยายแผนที่ปัจจุบันของแผนที่
panBy(xnumber,ynumber) None เปลี่ยนจุดกลางแผนที่ด้วยระยะทางที่กำหนด (ในหน่วยพิกเซล)
panTo(LatLng) None เปลี่ยนจุดกลางแผนที่เป็น LatLng ที่กำหนด
panToBounds(LatLngBounds) None ย้ายแผนที่เพื่อที่จะครอบคลุม LatLngBounds ที่กำหนด
setCenter(LatLng) None ตั้งค่าละติจูด/ลองจิจูดของจุดกลางแผนที่
setHeading(number) None

ตั้งค่าทิศทางของกำเนิดภาพยนตร์ทางอากาศ

ใช้หน่วยเป็นองศาที่วัดจากทิศเหนือธรรมดา
setMapTypeId(MapTypeId) None ตั้งค่าประเภทแผนที่ที่จะแสดง
setOptions(MapOptions) None
setStreetView(StreetViewPanorama) None เชื่อมโยง StreetViewPanorama กับแผนที่
setTilt(number) None

ตั้งมุมเข้าสู่รูปภาพทางอากาศ (ในหน่วยองศา)

ใช้สำหรับชนิดแผนที่ SATELLITE และ HYBRID
setZoom(number) None ตั้งระดับขยายของแผนที่

คุณสมบัติของ Map()

คุณสมบัติ ประเภท คำอธิบาย
controls Array.<MVCArray.<Node>> ควบคุมที่เสริมที่ต้องการเพิ่มเข้าแผนที่
mapTypes MapTypeRegistry บันทึกของตัวอย่างของ MapType ตาม ID ของตัวอักษร
overlayMapTypes MVCArray.<MapType> ชนิดแผนที่ที่ต้องการเสริม

เหตุการณ์ของ Map()

เหตุการณ์ ตัวแปร คำอธิบาย
bounds_changed None จะกระตุ้นขณะที่ขอบเขตของโพรงมองเปลี่ยนแปลง
center_changed None จะกระตุ้นขณะที่ค่าของจุดกลางของแผนที่เปลี่ยนแปลง
click MouseEvent จะกระตุ้นขณะที่ผู้ใช้คลิกบนแผนที่
dblclick MouseEvent จะกระตุ้นขณะที่ผู้ใช้คลิกความยาวบนแผนที่
drag None จะกระตุ้นขณะที่ผู้ใช้ขยายแผนที่
dragend None จะกระตุ้นขณะที่ผู้ใช้หยุดขยายแผนที่
dragstart None จะกระตุ้นขณะที่ผู้ใช้เริ่มขยายแผนที่
heading_changed None จะกระตุ้นขณะที่ค่าของแรงทั้งหมดของแผนที่เปลี่ยนแปลง
idle None จะกระตุ้นขณะที่แผนที่หยุดยังขณะที่กำลังย้ายหรือขยาย
maptypeid_changed None จะกระตุ้นขณะที่ค่า mapTypeId ของแผนที่เปลี่ยนแปลง
mousemove MouseEvent จะกระตุ้นขณะที่เมาส์ของผู้ใช้เคลื่อนที่บนตัวแทนของแผนที่
mouseout MouseEvent จะกระตุ้นขณะที่เมาส์ของผู้ใช้ออกจากตัวแทนของแผนที่
mouseover MouseEvent จะกระตุ้นขณะที่เมาส์ของผู้ใช้เข้าสู่ตัวแทนของแผนที่
projection_changed None จะกระตุ้นขณะที่โครงการวางแผนเปลี่ยนแปลง
resize None จะกระตุ้นขณะที่ขนาดของ div ของแผนที่เปลี่ยนแปลง
rightclick MouseEvent จะกระตุ้นขณะที่ผู้ใช้คลิกขวาบนแผนที่
tilesloaded None จะกระตุ้นขณะที่บล็อคที่มองเห็นเสร็จการโหลด
tilt_changed None จะกระตุ้นขณะที่ความแนบของแผนที่เปลี่ยนแปลง
zoom_changed None จะกระตุ้นขณะที่ความกว้างของแผนที่เปลี่ยนแปลง

หน้าที่เสริม

กลางตัวเลือก/วัตถุ คำอธิบาย
Marker สร้างแทร็กเกอร์ (ตั้งแต่งต่างตำแหน่งแสดงของแทร็กเกอร์ให้เรียบร้อย)
MarkerOptions ตัวเลือกสำหรับการแสดงแทร็กเกอร์
MarkerImage แสดงโครงสร้างของรูปภาพหรือภาพเงาของแทร็กเกอร์
MarkerShape กำหนดรูปร่างที่ใช้ในการกำหนดพื้นที่ที่สามารถคลิกได้ของแทร็กเกอร์ (ประเภทและตำแหน่ง)
Animation กำหนดการเคลื่อนไหวที่สามารถเล่นได้บนตรา (ปลิ้นหรือลง)
InfoWindow สร้างหน้าต่างข้อมูล
InfoWindowOptions ใช้เพื่อวาดตัวเลือกของหน้าต่างข้อมูล
Polyline สร้างทางแบบตัดโค้ง (รวมหลายทางแบบ และสไตล์ของต่อรอย)
PolylineOptions ใช้เพื่อวาดตัวเลือกของทางแบบตัดโค้ง
Polygon สร้างทางแบบสี่เหลี่ยม (รวมหลายทางแบบ และสไตล์ของต่อรอยและสีที่เติม)
PolygonOptions ใช้เพื่อวาดตัวเลือกของทางแบบสี่เหลี่ยม
Rectangle สร้างสี่เหลี่ยมจัตุรัส (รวมขอบเขต และสไตล์ของต่อรอยและสีที่เติม)
RectangleOptions ใช้เพื่อวาดตัวเลือกของสี่เหลี่ยมจัตุรัส
Circle สร้างวง (รวมตำแหน่งศูนย์ + รัศมี และสไตล์ของต่อรอยและสีที่เติม)
CircleOptions ใช้เพื่อวาดตัวเลือกของวง
GroundOverlay
GroundOverlayOptions
OverlayView
MapPanes
MapCanvasProjection

เหตุการณ์

กลางตัวเลือก/วัตถุ คำอธิบาย
MapsEventListener

มันไม่มีวิธี และไม่มีกลางของการก่อตัว

ตัวอย่างของมันจะมีการกลับมาจาก addListener() และ addDomListener() และส่งกลับมาจาก removeListener()
event เพิ่ม/ลบ/ส่งสัญญาณที่ดึงใช้การดึงไฟล์ฟังก์ชัน
MouseEvent ส่งกลับมาจากเหตุการณ์หลากหลายของเมาส์บนแผนที่และละแวกเสริม

ตัวเลือก

ตัวเลือก/วัตถุ คำอธิบาย
MapTypeControlOptions บันทึกตัวเลือกที่ใช้เพื่อปรับปรุงตัวเลือก (ตำแหน่งและรูปแบบ)
MapTypeControlStyle กำหนดประเภทตัวเลือกแผนที่ที่จะแสดง (ดาวน์และบทบาท)
OverviewMapControlOptions ใช้เพื่อวาดตัวเลือกของโครงการยกเลื่อนภาพ (เปิดหรือปิด)
PanControlOptions ใช้เพื่อวาดตัวเลือกของโครงการเลื่อน (ตำแหน่ง)
RotateControlOptions ใช้เพื่อวาดตัวเลือกของโครงการเลื่อน (ตำแหน่ง)
ScaleControlOptions ใช้เพื่อวาดตัวเลือกของสัดส่วน (ตำแหน่งและรูปแบบ)
ScaleControlStyle กำหนดปริมาณที่จะแสดงตัวเลือกของสัดส่วน
StreetViewControlOptions ใช้เพื่อวาดตัวเลือกของ pegman ที่มีสไตล์ (ตำแหน่ง)
ZoomControlOptions ใช้เพื่อวาดตัวเลือกของการยกเลื่อนภาพ (ตำแหน่งและรูปแบบ)
ZoomControlStyle กำหนดที่จะแสดงประเภทประกาศยศที่ใด (ใหญ่หรือเล็ก)
ControlPosition กำหนดตำแหน่งเครื่องควบคุมในแผนที่