Halaman WeChat h5 meluncurkan aplikasi navigasi pihak ketiga
Yang perlu Anda persiapkan:
Latar Belakang: Akun publik WeChat mengklik bilah menu untuk melompat ke halaman h5, yang memerlukan fungsi navigasi
Persyaratan: Saat pengguna mengklik tombol navigasi, lompat ke aplikasi pihak ketiga untuk navigasi
Referensi: Dokumentasi pengembangan akun publik WeChat
melangkah:
Perkenalkan file JS berikut ke halaman yang perlu memanggil antarmuka JS (https didukung): http://res.wx.qq.com/cgi-bin/index?lang=zh_CN
Izin tanda tangan jssdk disediakan oleh backend. Front-end hanya perlu memasukkan izin tanda tangan ke wx.config.
``` wx.config({ debug: true, // Aktifkan mode debugging. Nilai kembalian dari semua api yang dipanggil akan diberitahukan di sisi klien. Jika Anda ingin melihat parameter yang masuk, Anda dapat membukanya di sisi PC. Informasi parameter yang akan diteruskan Log dicetak, itu hanya akan dicetak di sisi PC. appId: '', // Diperlukan, pengidentifikasi unik dari stempel waktu akun resmi:, // Diperlukan, stempel waktu dari tanda tangan yang dihasilkan nonceStr: '', // Diperlukan, Hasilkan tanda tangan string acak dari tanda tangan: '', // Wajib, tanda tangan jsApiList: ['openLocation'] // Wajib, daftar antarmuka JS yang perlu digunakan. Isi api WeChat yang perlu digunakan di sini. Openlocation adalah antarmuka lokasi yang menggunakan bawaan WeChat. di peta}); ```Yang perlu diperhatikan disini adalah debug harus diubah menjadi false setelah online, dan interface yang ingin digunakan harus diisi jsApiList, jika tidak maka tidak akan berpengaruh.
Daftarkan peristiwa klik untuk tombol navigasi dan panggil metode wx.openLocation
$('.btn2').click(function () { wx.openLocation({ garis lintang: 22.545538, // Lintang, bilangan floating point, rentangnya adalah 90 ~ -90 garis bujur: 114.054565, // Bujur, bilangan floating point, rentang adalah 180 ~ -180.name: 'Isi nama lokasi di sini', // Alamat nama lokasi: 'Detail nama lokasi', // Skala deskripsi detail alamat: 10, // Tingkat zoom peta, nilai pembentukan, mulai dari 1 hingga 28. Defaultnya adalah maksimum });Setelah mengklik, itu akan melompat ke halaman lokasi WeChat. Klik navigasi di sudut kanan bawah untuk membuka navigasi pihak ketiga!
5. WeChat menggunakan koordinat gcj02, dan beberapa peta menggunakan koordinat wgs84. Jika kesalahannya relatif besar, Anda dapat mempertimbangkan apakah ada masalah dengan garis bujur dan lintang yang masuk
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.