ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
 

Google Maps กวดวิชา


Google Maps เป็นบริการแผนที่เว็บฟรีจาก Google ที่มีหลายประเภทของข้อมูลทางภูมิศาสตร์ Google Maps API มี JavaScript เพื่อปรับแต่งแผนที่และแสดงพวกเขาบนหน้าเว็บของคุณ กวดวิชานี้เป็นเรื่องเกี่ยวกับ Google Maps API (Application Programming Interface) มันอธิบายวิธีการที่คุณสามารถบูรณาการ Google Maps บนหน้าเว็บของคุณ


ผู้ชม

กวดวิชานี้มีความหมายสำหรับผู้อ่านทุกคนที่ต้องการที่จะเรียนรู้เกี่ยวกับ Google Maps API หลังจากเสร็จสิ้นการกวดวิชานี้คุณจะสามารถที่จะบูรณา Google Maps JavaScript API บนหน้าเว็บของคุณ


ข้อกำหนดเบื้องต้น

ก่อนที่จะดำเนินการกับการกวดวิชานี้คุณควรจะคุ้นเคยกับ JavaScript และแนวคิดของการเขียนโปรแกรมเชิงวัตถุ นอกจากนี้คุณยังควรจะคุ้นเคยกับ Google แผนที่จากจุดที่ผู้ใช้ในมุมมองของ


ดำเนิน Google แผนที่ออนไลน์

สำหรับส่วนของตัวอย่างที่กำหนดในการกวดวิชานี้คุณจะได้พบกับ Try it ตัวเลือกดังนั้นเพียงแค่ใช้ประโยชน์จากตัวเลือกนี้เพื่อรันโปรแกรม Google Maps ของคุณในจุดและสนุกกับการเรียนรู้ของคุณ ลองตัวอย่างต่อไปนี้โดยใช้ Try it ตัวเลือกที่มุมขวาบนของกล่องดังต่อไปนี้ตัวอย่างรหัส -

<! DOCTYPE html>
<html>

   <head>
      <script src = "https://maps.googleapis.com/maps/api/js"> </ script>
      
      <script>
         ฟังก์ชั่น loadMap() {
			
            var mapOptions = {
               Center: ใหม่ google.maps.LatLng(20.593684, 78.96288) ซูม: 12
               MapTypeId: google.maps.MapTypeId.ROADMAP
            };
				
            แผนที่ var = ใหม่ google.maps.Map(document.getElementById("sample") , mapOptions);
         }
      </script>
      
   </head>
   
   <body onload = "loadMap() ">
      <div id = "sample" style = "width: 570px; ความสูง: 580px;"> </ div>
   </body>
   

</html>