Google Maps เป็น 'แผนที่' อัจฉริยะซึ่งนำเสนอคุณลักษณะมากมายเช่น การวางแผนการเดินทาง , เส้นทาง BUS , ตัวบ่งชี้การจราจร , เส้นทางการขับรถ , เครื่องคำนวณระยะทาง ในหลายมุมมองเช่นดาวเทียมเรียลไทม์และไฮบริด คุณอาจเคยเห็นแผนที่เหล่านี้ฝังอยู่ในเว็บไซต์จำนวนมากโดยเฉพาะใน หน้าติดต่อเรา และเมื่อคุณค้นหา บริษัท หรือองค์กรบน Google แผนที่และข้อมูลธุรกิจมักจะแสดงทางด้านขวา
ในคู่มือนี้เราจะพูดถึงวิธีต่างๆเกี่ยวกับวิธีที่คุณสามารถใช้ประโยชน์จากไฟล์ Google Maps สำหรับธุรกิจของคุณและสำหรับเว็บไซต์ของคุณนอกเหนือจากวิธีการทั่วไปที่ใช้ในการฝังแผนที่ Google แล้วฉันจะแนะนำคุณทีละขั้นตอนในการสร้างฟอร์ม HTML ซึ่งผู้ใช้สามารถป้อน แค่ ที่อยู่ของพวกเขาและขอเส้นทางไปยังคุณซึ่งทำให้ผู้ใช้ไม่จำเป็นต้องค้นหาบน Google และไปที่ Google Maps
ฝัง Google Map
หากคุณต้องการเพียงแค่แสดงตำแหน่งของคุณหรือเส้นทางที่เฉพาะเจาะจงให้กับผู้เยี่ยมชมการฝัง Google Maps ก็เพียงพอแล้ว ทำตามขั้นตอนเหล่านี้เพื่อฝังตำแหน่งของคุณหรือเส้นทางเฉพาะ
ไปที่ Google Maps และค้นหาสถานที่หรือเส้นทางที่ต้องการโดยพิมพ์ที่อยู่ในช่องค้นหา
หลังจากคุณพิมพ์ที่อยู่แล้วให้ค้นหาและเมื่อคุณเห็นให้คลิก แบ่งปัน (2) จากนั้นคัดลอกรหัสโดยเริ่มจาก“
คุณยังสามารถปรับขนาดความใหญ่ของแผนที่ได้จากไฟล์ หล่นลง และทดลองขนาดต่างๆจนกว่าคุณจะปรับให้เหมาะกับไซต์ของคุณมากที่สุด จากนั้นรหัสนี้จะถูกวางไว้บนหน้าที่คุณต้องการให้แสดงที่อยู่
นี่คือวิธีการสร้างแผนที่จะมีลักษณะเป็นเช่นนี้หลังจากที่ฝังลงในไซต์ของคุณแล้วและเป็นวิธีที่ใช้กันอย่างแพร่หลายในการฝัง Google แผนที่ สิ่งนี้มีประโยชน์มาก - ดีกว่าแค่แสดงที่อยู่ของคุณเป็นข้อความ
สร้างแบบฟอร์มเพื่อขอรับ Google DIRECTIONS
อย่างไรก็ตามหากผู้ใช้ของคุณต้องการขอเส้นทางพวกเขาจะต้องคลิกเส้นทางซึ่งจะเปิดขึ้นในหน้าต่างใหม่และป้อนที่อยู่ของพวกเขา ในความคิดของฉันเป็นการดีที่สุดที่ผู้ใช้จะไม่ถูกเปลี่ยนเส้นทางไปยังไซต์อื่นเพื่อทำตามขั้นตอนพิเศษทั้งหมดพวกเขาสามารถขอเส้นทางโดยตรงผ่านไซต์ของคุณได้โดยเพียงแค่ป้อนที่อยู่
คุณสามารถเพิ่มแบบฟอร์มเส้นทางการขับขี่ของ Google ไปที่ใดก็ได้ในบล็อกหรือเว็บไซต์ของคุณคุณจะต้องวางโค้ดในแหล่งที่มาของหน้าที่คุณต้องการให้แบบฟอร์มปรากฏ ในแบบฟอร์มนี้ผู้เยี่ยมชมของคุณจะเห็นกล่องข้อความเพื่อพิมพ์ที่อยู่จุดเริ่มต้นและปุ่มที่คลิกได้ แบบฟอร์ม Google จะนำพวกเขาไปที่ Google แผนที่โดยอัตโนมัติเพื่อแสดงเส้นทางคนขับไปยังสถานที่ของคุณ
คัดลอกโค้ด HTML ต่อไปนี้
ป้อนที่อยู่เริ่มต้นของคุณ:
ในรหัสด้านบนให้แทนที่ 34 5th Avenue, New York, NY ด้วยที่อยู่ของคุณ เมื่อวางโค้ดลงบนไซต์ของคุณแล้วจะมีลักษณะอย่างไร
ตัวอย่างแบบฟอร์มเส้นทางการขับขี่ของ Google
ป้อนที่อยู่เริ่มต้นของคุณ:
อ่าน 2 นาที
