หน้า WeChat h5 เปิดตัวแอปพลิเคชันการนำทางของบุคคลที่สาม
สิ่งที่คุณต้องเตรียม:
พื้นหลัง: บัญชีสาธารณะ WeChat คลิกบนแถบเมนูเพื่อข้ามไปยังหน้า h5 ซึ่งต้องใช้ฟังก์ชันการนำทาง
ข้อกำหนด: เมื่อผู้ใช้คลิกปุ่มการนำทาง ให้ข้ามไปที่แอปของบริษัทอื่นสำหรับการนำทาง
อ้างอิง: เอกสารการพัฒนาบัญชีสาธารณะ WeChat
ขั้นตอน:
แนะนำไฟล์ JS ต่อไปนี้ลงในเพจที่ต้องเรียกใช้อินเทอร์เฟซ JS (รองรับ https): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
การอนุญาตลายเซ็นของ jssdk นั้นมาจากส่วนหลังเท่านั้น ส่วนหน้าจำเป็นต้องแทรกการอนุญาตลายเซ็นลงใน wx.config เท่านั้น ฉันเชื่อว่าขั้นตอนนี้สามารถบันทึกได้หากคุณใช้ WeChat API อื่น ๆ
``` wx.config({ debug: true, // เปิดโหมดการดีบัก ค่าที่ส่งคืนของ apis ทั้งหมดที่เรียกใช้จะได้รับการแจ้งเตือนในฝั่งไคลเอ็นต์ หากคุณต้องการดูพารามิเตอร์ที่เข้ามา คุณสามารถเปิดได้ใน ฝั่งพีซี ข้อมูลพารามิเตอร์จะถูกส่ง บันทึกจะถูกพิมพ์บนฝั่งพีซีเท่านั้น appId: '', // จำเป็น, ตัวระบุที่ไม่ซ้ำกันของการประทับเวลาของบัญชีอย่างเป็นทางการ:, // จำเป็น, การประทับเวลาของ ลายเซ็นที่สร้างขึ้น nonceStr: '', // จำเป็น, สร้างลายเซ็นสตริงแบบสุ่มของลายเซ็น: '', // จำเป็น, ลายเซ็น jsApiList: ['openLocation'] // จำเป็น, รายการอินเทอร์เฟซ JS ที่จำเป็นต้องใช้ กรอก WeChat api ที่จำเป็นต้องใช้ที่นี่ Openlocation เป็นอินเทอร์เฟซตำแหน่งที่ใช้ WeChat ในตัว ในแผนที่}); ```สิ่งที่ต้องสังเกตที่นี่คือ ต้องเปลี่ยนการดีบักเป็นเท็จหลังจากออนไลน์ และต้องกรอกอินเทอร์เฟซที่คุณต้องการใช้ใน jsApiList มิฉะนั้นจะไม่มีผลใดๆ
ลงทะเบียนเหตุการณ์การคลิกสำหรับปุ่มนำทางและเรียกใช้เมธอด wx.openLocation
$('.btn2').click(function () { wx.openLocation({ latitude: 22.545538, // Latitude, หมายเลขจุดลอยตัว, ช่วงคือ 90 ~ -90 ลองจิจูด: 114.054565, // ลองจิจูด, หมายเลขจุดลอยตัว, ช่วง คือ 180 ~ -180 ชื่อ: 'กรอกชื่อสถานที่ที่นี่' // ที่อยู่ชื่อสถานที่: 'รายละเอียดของชื่อสถานที่' // ขนาดคำอธิบายรายละเอียดที่อยู่: 10, // ระดับการซูมแผนที่, ค่าการสร้างตั้งแต่ 1 ถึง 28 ค่าเริ่มต้นคือสูงสุด} })หลังจากคลิก ระบบจะข้ามไปที่หน้าตำแหน่ง WeChat คลิกการนำทางที่มุมขวาล่างเพื่อดึงการนำทางของบุคคลที่สามขึ้นมา
5. WeChat ใช้พิกัดของ gcj02 และบางแผนที่ใช้พิกัดของ wgs84 หากข้อผิดพลาดค่อนข้างมาก คุณสามารถพิจารณาว่าเป็นปัญหากับลองจิจูดและละติจูดที่เข้ามาหรือไม่ สำหรับรายละเอียด คุณสามารถสอบถาม Du Niang ได้
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network