https://blog.partyonbici.com/th/tags/route-builder/Recent content in Route-Builder on Party Onbici BlogHugothSun, 02 Aug 2026 10:00:00 +1000https://blog.partyonbici.com/th/posts/import-routes-from-google-maps/Sun, 02 Aug 2026 10:00:00 +1000https://blog.partyonbici.com/th/posts/import-routes-from-google-maps/<p>คุณรู้จักช่วงเวลานั้นดี มีคนโยนลิงก์ Google Maps ลงในแชทกลุ่มพร้อมข้อความว่า &ldquo;นี่คือรอบที่เราปั่นกันเมื่อวันอาทิตย์&rdquo; และเส้นทางนั้นก็ดีจริง ๆ คุณอยากได้มันใน Party Onbici เพื่อทำเป็นทริป แชร์ต่อ และได้การนำทางสำหรับจักรยานจริง ๆ คุณจึงเพ่งมองแผนที่แล้วเริ่มคลิกทีละจุดในตัวสร้างเส้นทาง พร้อมภาวนาว่าอย่าพลาดทางเลี้ยวไหนเลย</p> <p>ตอนนี้ไม่ต้องแล้ว <strong>คุณสามารถนำเส้นทางจาก Google Maps เข้ามาใน Party Onbici ได้ด้วยการแก้แค่ส่วนเดียวของแถบที่อยู่</strong></p> <h2 id="เคลดลบ-เปลยนสวนหนา-เกบสวนหลงไว">เคล็ดลับ: เปลี่ยนส่วนหน้า เก็บส่วนหลังไว้</h2> <p>ลิงก์เส้นทางของ Google Maps หน้าตาเป็นแบบนี้</p> <div class="highlight"><div style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>https://www.google.com/maps/dir/?api=1&amp;origin=34.729878,138.228389&amp;destination=34.729878,138.228389&amp;waypoints=34.730894,138.228619%7C34.731324,138.232713&amp;travelmode=bicycling </span></span></code></pre></td></tr></table> </div> </div><p>ทุกอย่างหลังเครื่องหมาย <code>?</code> คือตัวเส้นทางเอง ทั้งจุดเริ่ม เส้นทางที่ผ่าน และจุดสิ้นสุด ดังนั้นเก็บส่วนนั้นไว้ แล้วเปลี่ยนส่วนหน้าเป็นตัวสร้างเส้นทางของเรา</p> <div class="highlight"><div style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"> <table style="border-spacing:0;padding:0;margin:0;border:0;"><tr><td style="vertical-align:top;padding:0;margin:0;border:0;"> <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1 </span></code></pre></td> <td style="vertical-align:top;padding:0;margin:0;border:0;;width:100%"> <pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>https://www.partyonbici.com/routes/create/?origin=34.729878,138.228389&amp;destination=34.729878,138.228389&amp;waypoints=34.730894,138.228619%7C34.731324,138.232713&amp;travelmode=bicycling </span></span></code></pre></td></tr></table> </div> </div><p>เปิดขึ้นมา ตัวสร้างเส้นทางจะแสดงจุดเริ่ม จุดแวะเรียงตามลำดับ และปลายทางที่วางไว้เรียบร้อย พร้อมเส้นทางจักรยานจริง ๆ ลากเชื่อมระหว่างกัน</p> <p>ขอให้ชัดเจนว่านี่คืออะไร มันไม่ใช่ช่องให้วางลิงก์ คุณกำลังแก้ส่วนหน้าของ URL และเก็บสตริงคิวรีไว้ ใช้เวลาไม่กี่วินาที และสบายกว่าการคลิกจุดแวะสิบสองจุดด้วยมือมาก</p> <h2 id="ใสอะไรไดบาง">ใส่อะไรได้บ้าง</h2> <p><strong><code>origin</code> และ <code>destination</code></strong> คือสองอย่างที่ต้องมี ถ้าขาดอย่างใดอย่างหนึ่งก็ไม่มีอะไรให้สร้าง</p>