กราฟิก HTML

กราฟิก หน้าแรก

Google Maps

แนะนำแผนที่ แผนที่พื้นฐาน การวางซ้อนแผนที่ กิจกรรมของแผนที่ การควบคุมแผนที่ ประเภทแผนที่ แผนที่อ้างอิง

กวดวิชา SVG

บทนำ SVG SVG ใน HTML SVG สี่เหลี่ยมผืนผ้า SVG Circle SVG วงรี สาย SVG รูปหลายเหลี่ยม SVG SVG Polyline เส้นทาง SVG ข้อความ SVG SVG ลากเส้น บทนำตัวกรอง SVG เอฟเฟกต์เบลอ SVG SVG Drop Shadows SVG ลิเนียร์ SVG Radial ตัวอย่าง SVG ข้อมูลอ้างอิง SVG

กวดวิชาผ้าใบ

แนะนำผ้าใบ ภาพวาดบนผืนผ้าใบ พิกัดผ้าใบ ผ้าใบไล่โทนสี ข้อความผ้าใบ ภาพแคนวาส อ้างอิงผ้าใบ

นาฬิกาผ้าใบ

แนะนำนาฬิกา หน้าปัดนาฬิกา ตัวเลขนาฬิกา เข็มนาฬิกา นาฬิกาเริ่ม

เกม HTML

แนะนำเกม เกมแคนวาส ส่วนประกอบของเกม ตัวควบคุมเกม อุปสรรคของเกม คะแนนเกม รูปภาพเกม เสียงเกม เกมแรงโน้มถ่วง เกมเด้ง การหมุนเกม การเคลื่อนไหวของเกม

ประเภท Google แผนที่


Google Maps - ประเภทแผนที่พื้นฐาน

ประเภทแผนที่ต่อไปนี้ได้รับการสนับสนุนใน Google Maps API:

  • ROADMAP (ปกติ, แผนที่ 2D เริ่มต้น)
  • ดาวเทียม (แผนที่ภาพถ่าย)
  • HYBRID (แผนที่ภาพถ่าย + ถนนและชื่อเมือง)
  • TERRAIN (แผนที่พร้อมภูเขา แม่น้ำ ฯลฯ)

มีการระบุประเภทแผนที่ภายในอ็อบเจ็กต์คุณสมบัติ Map ด้วยคุณสมบัติ mapTypeId:

var mapOptions = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:7,
  mapTypeId: google.maps.MapTypeId.HYBRID
};

หรือโดยการเรียกเมธอด setMapTypeId() ของแผนที่:

map.setMapTypeId(google.maps.MapTypeId.HYBRID);


Google Maps - มุมมองแบบ 45°

ประเภทแผนที่ SATELLITE และ HYBRID รองรับมุมมองภาพแบบเปอร์สเปคทีฟ 45° สำหรับสถานที่บางแห่ง (เฉพาะที่ระดับการซูมสูงเท่านั้น)

หากคุณซูมเข้าไปในตำแหน่งด้วยมุมมองภาพ 45° แผนที่จะเปลี่ยนมุมมองเปอร์สเปคทีฟโดยอัตโนมัติ นอกจากนี้ แผนที่จะเพิ่ม:

  • วงล้อเข็มทิศรอบตัวควบคุมแพน ช่วยให้คุณหมุนภาพได้
  • การควบคุมการหมุนระหว่างส่วนควบคุมการแพนและซูม ทำให้คุณสามารถหมุนภาพได้ 90°
  • การควบคุมสลับสำหรับการแสดงมุมมองเปอร์สเปคทีฟ 45° ภายใต้การควบคุม/ฉลากดาวเทียม

หมายเหตุ:การซูมออกจากแผนที่ด้วยภาพ 45° จะยกเลิกการเปลี่ยนแปลงแต่ละรายการ และแผนที่เดิมจะแสดงขึ้น

ตัวอย่างต่อไปนี้แสดงมุมมองเปอร์สเปคทีฟ 45° ของ Palazzo Ducale ในเมืองเวนิส ประเทศอิตาลี:

ตัวอย่าง

var mapOptions = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
};

Google Maps - ปิดการใช้งานมุมมอง 45° - setTilt(0)

คุณสามารถปิดใช้งานมุมมองเปอร์สเปคทีฟ 45° ได้โดยการเรียก setTilt(0) บนออบเจ็กต์แผนที่:

ตัวอย่าง

map.setTilt(0);

เคล็ดลับ:หากต้องการเปิดใช้งานมุมมองเปอร์สเปคทีฟ 45° ในภายหลัง ให้เรียก setTilt(45)