تطلق صفحة WeChat h5 تطبيق التنقل التابع لجهة خارجية
ما تحتاج للتحضير:
الخلفية: ينقر حساب WeChat العام على شريط القائمة للانتقال إلى صفحة h5، الأمر الذي يتطلب وظيفة التنقل
المتطلبات: عندما ينقر المستخدم على زر التنقل، انتقل إلى تطبيق الطرف الثالث للتنقل
المرجع: وثائق تطوير الحساب العام لـ WeChat
خطوة:
أدخل ملف JS التالي في الصفحة التي تحتاج إلى استدعاء واجهة JS (https مدعوم): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
يتم توفير إذن التوقيع لـ jssdk من خلال الواجهة الخلفية. وتحتاج الواجهة الأمامية فقط إلى إدخال إذن التوقيع في wx.config. وأعتقد أنه يمكن حفظ هذه الخطوة إذا كنت قد استخدمت واجهات برمجة تطبيقات WeChat أخرى.
``` wx.config({ debug: true, // قم بتشغيل وضع التصحيح. سيتم تنبيه قيم الإرجاع لجميع واجهات برمجة التطبيقات التي تم استدعاؤها من جانب العميل. إذا كنت تريد عرض المعلمات الواردة، فيمكنك فتحها على سيتم تمرير معلومات المعلمة، وسيتم طباعة السجل على جانب الكمبيوتر الشخصي فقط. appId: ''، // مطلوب، المعرف الفريد للطابع الزمني للحساب الرسمي:، // مطلوب، الطابع الزمني لـ التوقيع الذي تم إنشاؤه nonceStr: ''، // مطلوب، قم بإنشاء توقيع سلسلة عشوائية للتوقيع: '', // مطلوب، التوقيع jsApiList: ['openLocation'] // مطلوب، قائمة واجهات JS التي يجب استخدامها. املأ واجهة برمجة تطبيقات WeChat التي يجب استخدامها هنا، Openlocation هي واجهة الموقع التي تستخدم WeChat المدمج. في الخريطة}); ```
ما يجب ملاحظته هنا هو أنه بعد الاتصال بالإنترنت، يجب تغيير تصحيح الأخطاء إلى خطأ، ويجب ملء الواجهة التي تريد استخدامها في قائمة jsApiList، وإلا فلن يكون لها أي تأثير.
قم بتسجيل حدث النقر لزر التنقل واستدعاء الأسلوب wx.openLocation
$('.btn2').click(function () { wx.openLocation({ latitude: 22.545538, // خط العرض، رقم النقطة العائمة، النطاق هو 90 ~ -90 خط الطول: 114.054565، // خط الطول، رقم النقطة العائمة، النطاق هو 180 ~ -180 الاسم: "املأ اسم الموقع هنا"، // عنوان اسم الموقع: "تفاصيل اسم الموقع"، // مقياس وصف تفاصيل العنوان: 10، // مستوى تكبير الخريطة، قيمة التشكيل، تتراوح من 1 إلى 28. الافتراضي هو الحد الأقصى} });
بعد النقر، سينتقل إلى صفحة موقع WeChat. انقر على شريط التنقل في الزاوية اليمنى السفلية لسحب شريط التنقل الخاص بالطرف الثالث!
5. يستخدم WeChat إحداثيات gcj02، وتستخدم بعض الخرائط إحداثيات wgs84. إذا كان الخطأ كبيرًا نسبيًا، فيمكنك التفكير فيما إذا كانت هناك مشكلة في خط الطول وخط العرض الوارد، يمكنك سؤال Du Niang
ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.