แผนที่ API MAP () Constructor
ตัวอย่าง
สร้างแผนที่ Google:
<html> <head> <scriptsrc = "http://maps.googleapis.com/maps/api/js?key=aizasydy0kkkjitpvd2u7atoawhc9ysh6ohxoiym&sensor=false" google.maps.latlng (51.508742, -0.120850), ซูม: 5, maptypeid: google.maps.maptypeid.roadmap}; var map = new google.maps.map (document.getElementById ("googlemaps" เริ่มต้น); </script> </head> <body> <div id = "googlemap"> </div> </body> </html>คำจำกัดความและการใช้งาน
ตัวสร้างแผนที่ () สร้างแผนที่ใหม่และแทรกลงในองค์ประกอบ HTML ที่ระบุ (<div> องค์ประกอบ)
ไวยากรณ์
ใหม่ google.maps.map (htmlelement, mapoptions)
ค่าพารามิเตอร์
| พารามิเตอร์ | อธิบาย |
|---|---|
| htmlelement | มีการกำหนดว่าควรวางแผนที่ไว้ในองค์ประกอบ HTML นั้น |
| mapoptions | วัตถุ Mapoptions ที่มีตัวแปร/ตัวเลือกการเริ่มต้นแผนที่ |
แผนที่ () วิธีการ
| วิธี | ค่าส่งคืน | อธิบาย |
|---|---|---|
| Fitbounds (latlngbounds) | ไม่มี | ตั้งค่าวิวพอร์ตให้มีขอบเขตที่กำหนด |
| getBounds () | latlng, latlng | ส่งคืนละติจูด/ลองจิจูดทางตะวันตกเฉียงใต้และละติจูด/ลองจิจูดตะวันออกเฉียงเหนือของวิวพอร์ตปัจจุบัน |
| getCenter () | latlng | ส่งคืนละติจูด/ลองจิจูดของศูนย์กลางของแผนที่ |
| getdiv () | โหนด | ส่งคืนวัตถุ DOM ที่มีแผนที่ |
| getheading () | ตัวเลข | ส่งคืนหัวเข็มทิศของภาพทางอากาศ (รองรับประเภทแผนที่ดาวเทียมและไฮบริด) |
| getMaptypeid () | Hybrid Roadmap Terrain | ส่งคืนประเภทแผนที่ปัจจุบัน |
| getProjection () | การฉายภาพ | ส่งคืนการฉายภาพปัจจุบัน |
| GetStreetView () | Streetviewpanorama | ส่งคืน StreetViewPanorama เริ่มต้นที่ผูกไว้กับแผนที่ |
| getTilt () | ตัวเลข | ส่งคืนจำนวนมุมเหตุการณ์ของภาพทางอากาศ (รองรับประเภทแผนที่ดาวเทียมและไฮบริด) |
| getZoom () | ตัวเลข | ส่งคืนระดับการซูมปัจจุบันของแผนที่ |
| Panby (xnumber, ynumber) | ไม่มี | เปลี่ยนศูนย์กลางของแผนที่ด้วยระยะทางที่กำหนดเป็นพิกเซล |
| panto (latlng) | ไม่มี | เปลี่ยนศูนย์กลางของแผนที่เป็น latlng ที่กำหนด |
| Pantobounds (Latlngbounds) | ไม่มี | แปลระยะทางต่ำสุดที่จำเป็นสำหรับแผนที่เพื่อรวม latlngbounds ที่กำหนด |
| SetCenter (latlng) | ไม่มี | |
| Setheading (หมายเลข) | ไม่มี | ตั้งทิศทางเข็มทิศของภาพทางอากาศ (วัดเป็นองศา) และทิศทางพื้นฐานคือทิศเหนือ |
| SetMapTypeId (MapTypeID) | ไม่มี | เปลี่ยนประเภทของแผนที่ที่จะแสดง |
| SetOptions (MapOptions) | ไม่มี | |
| SetStreetView (StreetViewPanorama) | ไม่มี | ผูก StreetViewPanorama กับแผนที่ |
| Settilt (หมายเลข) | ไม่มี | ตั้งค่าจำนวนมุมเหตุการณ์สำหรับภาพทางอากาศ (รองรับประเภทแผนที่ดาวเทียมและไฮบริด) |
| SetZoom (หมายเลข) | ไม่มี |
คุณสมบัติของแผนที่ ()
| คุณสมบัติ | พิมพ์ | อธิบาย |
|---|---|---|
| การควบคุม | Array. <mvcarray. <Node>> | การควบคุมเพิ่มเติมเพื่อแนบไปยังแผนที่ |
| maptypes | maptyperegistry | รีจิสทรีสำหรับอินสแตนซ์ maptype หารด้วยรหัสสตริง |
| Overlaymaptypes | mvcarray. <maptype> | ประเภทแผนที่พิเศษเพื่อซ้อนทับ |
เหตุการณ์ () เหตุการณ์
| เหตุการณ์ | พารามิเตอร์ | อธิบาย |
|---|---|---|
| Bounds_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อช่วงพื้นที่มองเห็นเปลี่ยนไป |
| center_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อคุณสมบัติของศูนย์แผนที่เปลี่ยนไป |
| คลิก | MouseEvent | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อผู้ใช้คลิกบนแผนที่ (แต่ไม่ใช่คลิกที่แท็กหรือหน้าต่างข้อมูล) |
| dblclick | MouseEvent | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อผู้ใช้ดับเบิลดับเบิลคลิกบนแผนที่ โปรดทราบว่าเหตุการณ์การคลิกจะถูกเรียกใช้ก่อนที่เหตุการณ์นี้จะถูกทริกเกอร์ |
| ลาก | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์ซ้ำ ๆ เมื่อผู้ใช้ลากแผนที่ |
| การลาก | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อผู้ใช้หยุดลากแผนที่ |
| Dragstart | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อผู้ใช้เริ่มลากแผนที่ |
| heading_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อคุณสมบัติส่วนหัวของแผนที่เปลี่ยนไป |
| ไม่ได้ใช้งาน | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อแผนที่ไม่ได้ใช้งานหลังจากแพนหรือซูม |
| maptypeid_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อคุณสมบัติ MapTypeID เปลี่ยนไป |
| Mousemove | MouseEvent | เหตุการณ์นี้จะถูกทริกเกอร์ตราบใดที่เมาส์ของผู้ใช้เคลื่อนที่ผ่านคอนเทนเนอร์แผนที่ |
| หนู | MouseEvent | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อเมาส์ของผู้ใช้ออกจากคอนเทนเนอร์แผนที่ |
| เมาส์โอเวอร์ | MouseEvent | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อเมาส์ของผู้ใช้เข้าสู่คอนเทนเนอร์แผนที่ |
| Projection_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อการฉายเปลี่ยน |
| ปรับขนาด | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อแผนที่ (DIV) เปลี่ยนขนาด |
| คลอขวา | MouseEvent | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อผู้ใช้คลิกขวาบนแผนที่ |
| กระเบื้อง | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อการโหลดกระเบื้องที่มองเห็นได้เสร็จสิ้น |
| tilt_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อคุณสมบัติการเอียงของแผนที่เปลี่ยนไป |
| zoom_changed | ไม่มี | เหตุการณ์นี้จะถูกทริกเกอร์เมื่อคุณสมบัติการซูมแผนที่เปลี่ยนไป |
ข้างต้นเป็นการรวบรวมข้อมูลบนตัวสร้าง Google Map () เราจะยังคงเพิ่มข้อมูลที่เกี่ยวข้องในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!