วิธีเพิ่มเส้นทาง Google ไปยังไซต์ของคุณ

ในฐานะผู้เชี่ยวชาญด้านไอที ฉันจะแสดงวิธีเพิ่ม Google Routes ลงในเว็บไซต์ของคุณ สิ่งนี้จะช่วยให้ผู้เยี่ยมชมสามารถขอเส้นทางไปยังตำแหน่งของคุณได้จากทุกที่ ก่อนอื่น คุณจะต้องสร้างคีย์ Google Maps API คุณสามารถทำได้โดยไปที่ Google Developers Console และสร้างโครงการใหม่ เมื่อคุณสร้างโครงการแล้ว ให้คลิกที่ลิงก์ 'เปิดใช้งานและจัดการ API' จากนั้นค้นหา 'Maps Embed API' และเปิดใช้งาน ถัดไป คุณจะต้องได้รับรหัสสำหรับวิดเจ็ต Google เส้นทาง คุณสามารถค้นหาโค้ดนี้ได้โดยไปที่หน้า Google Maps Embed API แล้วเลือกปุ่ม 'รับโค้ด' คัดลอกโค้ดและวางลงใน HTML ของเว็บไซต์ของคุณ สุดท้าย คุณจะต้องเพิ่มโค้ดต่อไปนี้ในเว็บไซต์ของคุณเพื่อแสดงวิดเจ็ต: แทนที่ 'YOUR_API_KEY' ด้วยคีย์ API ที่คุณสร้างขึ้นก่อนหน้านี้ และแทนที่ 'Your+Destination' ด้วยที่อยู่ของตำแหน่งของคุณ บันทึกการเปลี่ยนแปลงของคุณ เสร็จแล้ว! ตอนนี้ผู้เยี่ยมชมของคุณจะสามารถขอเส้นทางไปยังตำแหน่งของคุณได้จากทุกที่ในโลก

ถ้าคุณต้องการที่จะรู้ว่า วิธีเพิ่ม Google เส้นทางการขับขี่ในเว็บไซต์ของคุณ จากนั้นอ่านโพสต์นี้ Google Maps เป็นที่นิยมมากที่สุด บริการแผนที่ดิจิตอล ทั่วโลก ใช้ข้อมูลการจราจรตามเวลาจริงเพื่อค้นหาเส้นทางที่ดีที่สุดไปยังจุดหมายปลายทางที่กำหนด การฝัง Google Map ไปยังบล็อกหรือเว็บไซต์ของคุณ ช่วยให้ผู้เยี่ยมชมเห็นตำแหน่งของคุณบนแผนที่โลก ดูที่อยู่ของคุณ และอ่านบทวิจารณ์ (ถ้ามี) แม้ว่าคุณจะสามารถฝังแผนที่บนเว็บไซต์ของคุณได้อย่างง่ายดายโดยใช้เครื่องมือสร้างโค้ดแบบฝังของ Google Maps แต่คุณไม่สามารถใช้แผนที่นี้เป็นเครื่องมือในการนำทางเพื่อช่วยให้ผู้เยี่ยมชมค้นหาเส้นทางไปยังตำแหน่งของคุณได้ ในโพสต์นี้ เราจะแสดงวิธีใช้ Google Maps เพื่อแสดงเส้นทางการขับขี่แก่ผู้เข้าชมของคุณ

วิธีเพิ่มเส้นทาง Google ไปยังไซต์ของคุณ

เราจะดู 2 วิธีต่อไปนี้ที่คุณสามารถทำได้ เพิ่ม Google เส้นทางการขับขี่ในเว็บไซต์ของคุณ :

1. แทรกแผนที่ Google แบบคงที่และใช้รูปแบบ html เพื่อแสดงเส้นทางแผนที่
2. ใช้ตัวสร้างแผนที่ iFrame

ลองดูวิธีการเหล่านี้โดยละเอียด

1] แทรกแผนที่ Google แบบคงที่และใช้แบบฟอร์ม HTML เพื่อแสดงเส้นทางของแผนที่

วิธีนี้ประกอบด้วย 2 ขั้นตอน ขั้นตอนที่ 1 - การฝัง คงที่ แผนที่ Google ที่ระบุตำแหน่งที่แน่นอนของคุณ ขั้นตอนที่ 2 คือการเพิ่มรูปแบบ HTML ที่ยอมรับตำแหน่งของผู้ใช้และสร้างแผนที่เส้นทางสำหรับพวกเขาบน Google Maps เรามาดูกันว่าสามารถทำได้อย่างไร

A] ฝังแผนที่ Google บนเว็บไซต์ของคุณ

1. เปิดเบราว์เซอร์ของคุณ
2. เปิด Google Maps ในแท็บเบราว์เซอร์ใหม่
3. ป้อนที่อยู่ของคุณลงในแถบค้นหาของ Google Maps ที่มุมซ้ายบน
4. เลือกตำแหน่งจากรายการผลลัพธ์ที่ปรากฏ
   บันทึก: หากคุณไม่พบที่อยู่ของคุณ ให้ซูมเข้าใน Google Maps เพื่อติดตามที่อยู่ คุณสามารถใช้ภาพพาโนรามาของ Google Maps Street View เพื่อระบุตำแหน่งของคุณบนแผนที่ เมื่อคุณพบแล้ว คุณสามารถป้อนรายละเอียดที่อยู่ที่ถูกต้องโดยใช้ตัวเลือก 'เพิ่มตำแหน่งที่ขาดหายไป' หรือ 'เพิ่มธุรกิจของคุณ' จากนั้นส่งตำแหน่งของคุณไปยัง Google เพื่อทำการยืนยัน จะถูกเพิ่มภายในไม่กี่ชั่วโมงหลังจากส่งคำขอ
5. เมื่อ Google Maps ปรากฏขึ้นเพื่อระบุตำแหน่งที่แน่นอนของคุณ ให้คลิกที่ไอคอน แบ่งปัน ไอคอน.
6. เปลี่ยนเป็น ฝังแผนที่ แท็บ
7. กด คัดลอก HTML ลิงก์เพื่อคัดลอกรหัสแผนที่ไปยังคลิปบอร์ดของคุณ คุณสามารถตัดสินใจได้ว่าต้องการให้แผนที่ปรากฏบนเว็บไซต์ของคุณใหญ่หรือเล็กเพียงใดโดยเลือกขนาดที่กำหนดไว้ล่วงหน้า (เล็ก กลาง ใหญ่) หรือป้อนขนาดที่กำหนดเอง
8. จากนั้นไปที่แผงการดูแลระบบของไซต์ของคุณ
9. เปิดหน้าเว็บที่คุณต้องการฝังแผนที่
10. สลับไปที่มุมมองตัวแก้ไขโค้ด
11. วางรหัส
12. ออกจากตัวแก้ไขโค้ด คุณจะสามารถดูตัวอย่าง Google Maps

B] ใช้แบบฟอร์ม HTML เพื่อสร้างเส้นทางการนำทางบน Google Maps

1. กลับไปที่มุมมองตัวแก้ไขโค้ด
2. เพิ่มรหัสที่แสดงในภาพด้านล่างรหัส Google Map:
3. แทนที่ค่าที่อยู่ปลายทางที่ไฮไลต์ในภาพด้วยที่อยู่ของสถานที่ของคุณ
4. ออกจากมุมมองตัวแก้ไขโค้ด
5. ดูตัวอย่างโค้ดและตรวจสอบว่าใช้งานได้หรือไม่โดยเพิ่มที่อยู่ในฟิลด์ 'ป้อนที่อยู่' แล้วคลิกปุ่ม แสดงทิศทางที่จะไป ปุ่ม.
6. ขั้นตอนข้างต้นควร แสดงเส้นทาง จากที่อยู่ที่ป้อนไปยังตำแหน่งของคุณบน Google Maps
7. หากทุกอย่างเรียบร้อยดีคุณก็ทำได้ เผยแพร่ รหัส.

2] ใช้เครื่องมือสร้างแผนที่ iFrame

1. เปิดเบราว์เซอร์ของคุณ
2. เปิด เครื่องมือสร้างแผนที่ HTML ฟรี ในแท็บเบราว์เซอร์ใหม่
3. ใส่ที่อยู่ของคุณใน ป้อนที่อยู่ของคุณ ช่องค้นหาบนแผงด้านซ้าย
4. ตำแหน่งของคุณจะแสดงบน Google Maps ทางด้านขวาของหน้าจอ คุณสามารถตั้งค่าประเภทแผนที่ ระยะซูม ความกว้างหรือความสูง คุณยังสามารถทำให้แผนที่ตอบสนองได้ด้วยการคลิกปุ่มสลับที่อยู่ถัดจาก ทำให้แผนที่ตอบสนอง ตัวเลือก.
5. คลิกที่ สร้างรหัส HTML ปุ่มด้านล่าง
6. รหัสจะปรากฏขึ้น กดบน คัดลอกโค้ดไปยังคลิปบอร์ด ปุ่ม.
7. เข้าสู่แผงการดูแลระบบของไซต์ของคุณ
8. เปิดหน้าที่คุณต้องการวางแผนที่
9. สลับไปที่มุมมองตัวแก้ไขโค้ด
10. วางรหัส
11. ออกจากตัวแก้ไขโค้ด
12. คลิกที่ ดูตัวอย่าง ปุ่ม. ตัวอย่างแผนที่จะปรากฏขึ้น
13. คลิกที่ ทิศทาง ไอคอน.
14. Google Maps จะเปิดขึ้นพร้อมกับที่อยู่ของคุณที่กรอกไว้ล่วงหน้าเป็นปลายทางของคุณ
15. ป้อนที่อยู่เริ่มต้น คุณยังสามารถใช้ ตำแหน่งของคุณ ตัวเลือกเพื่ออนุญาตให้ Google Maps ใช้ตำแหน่งปัจจุบันของคุณ
16. แผนที่เส้นทางจะปรากฏขึ้น
17. หากทุกอย่างทำงานได้ดี เผยแพร่ หน้าหนังสือ.

ด้วยวิธีนี้ ผู้เยี่ยมชมของคุณสามารถดูตำแหน่งของคุณบน Google Maps ที่ฝังอยู่ในเว็บไซต์ของคุณ และค้นหาเส้นทางจากตำแหน่งของพวกเขาไปยังตำแหน่งของคุณ หวังว่าบทความนี้จะเป็นประโยชน์สำหรับคุณ แจ้งให้เราทราบในความคิดเห็นหากคุณมีคำถามใด ๆ

อ่านเพิ่มเติม: ทางเลือก Google Maps ที่ดีที่สุดสำหรับการใช้งานทุกวัน

ฉันจะเพิ่ม Google Maps ในเว็บไซต์ของฉันได้ไหม

ได้ คุณสามารถเพิ่ม Google Maps ในเว็บไซต์หรือบล็อกของคุณได้ ใช้ Google Embed Code Generator หรือ Google HTML Map Generator ฟรี . ตัวเลือกทั้งสองนี้ช่วยให้คุณสามารถฝังแผนที่ Google ซึ่งระบุที่อยู่ของคุณด้วยลูกบอลสีแดง แม้ว่าทั้งสองจะมีความแตกต่างกันเล็กน้อย แม้ว่าแบบแรกจะให้คุณฝังแผนที่แบบคงที่ซึ่งช่วยให้ผู้เยี่ยมชมเห็นตำแหน่งที่แน่นอนของคุณ จุดสนใจในบริเวณใกล้เคียง ฯลฯ แต่แบบหลังเสนอ ทิศทาง คุณสมบัติที่สร้างแผนที่เส้นทางที่สมบูรณ์ซึ่งสามารถใช้เพื่อค้นหาเส้นทางการขับขี่ไปยังตำแหน่งของคุณ คุณสามารถใช้ตัวเลือกเหล่านี้เพื่อเพิ่ม Google Maps ในเว็บไซต์หรือบล็อกของคุณ ทั้งนี้ขึ้นอยู่กับความต้องการของคุณ

ฉันจะรับรหัสฝังตัวของ Google Maps ได้อย่างไร

การรับรหัสฝังตัวของ Google Maps นั้นค่อนข้างง่าย เพียงเปิด Google Maps ในแท็บใหม่ในหน้าต่างเบราว์เซอร์ของคุณ และป้อนที่อยู่ของคุณในแถบค้นหาที่มี เมื่อ Maps เลือกและแสดงที่อยู่ของคุณ ให้คลิกที่ไอคอน แบ่งปัน ไอคอน. ในหน้าต่างแบ่งปัน ให้คลิกปุ่ม ฝังแผนที่ แท็บ จากนั้นคลิกที่ คัดลอก HTML ลิงค์จะแสดงที่มุมขวาบน นั่นคือทั้งหมด! คุณยังสามารถคลิกเมนู (ไอคอนแฮมเบอร์เกอร์) ของ Google Maps แล้วคลิกไอคอน แชร์หรือฝังแผนที่ ตัวเลือก. อีกวิธีในการรับรหัสนี้คือผ่านตัวสร้างแผนที่ HTML ฟรี (ตัวสร้างแผนที่ iFrame) ตามที่อธิบายไว้ในวิธีที่ 2 ในโพสต์ด้านบน

อ่านเพิ่มเติม: เคล็ดลับและกลเม็ดที่ดีที่สุดของ Google Maps ที่จะทำให้คุณเป็นมืออาชีพ