微信小程序中進(jìn)行地圖導(dǎo)航功能的實(shí)現(xiàn)方法
前段時(shí)間一直都在做小程序做了兩個月了，其中對于小程序還是有很不理解的地方看著一些大企業(yè)的小程序自己模仿其實(shí)還是有一些難度的，我覺得學(xué)習(xí)小程序看一遍文檔是不夠的我們要做的是看別人的例子對著文檔一一對照！
好這次我們來開始我們的開發(fā)，其實(shí)微信小程序里面是不能導(dǎo)航的，原因是小程序的代碼最多只能有1M，他的運(yùn)行內(nèi)存只能有10M，一個區(qū)域地圖下載下來就不止1M了所以在應(yīng)用內(nèi)我們無法做到導(dǎo)航的，但是應(yīng)用外呢！
我問過很多做安卓和IOS的同僚一般如果導(dǎo)航這個功能不是很重要的話就會放到應(yīng)用外來做這個功能，但是高德地圖和騰訊地圖都會有響應(yīng)的SDK，可是小程序不同，盡管上面也有小程序的SDK但是也是沒有用的，那么我們解決應(yīng)用外調(diào)用的呢？
這就需要我們重新認(rèn)識一下位置的API
wx.getLocation({
type: 'gcj02', //返回可以用于wx.openLocation的經(jīng)緯度
success: function(res) {
var latitude = res.latitude
var longitude = res.longitude
wx.openLocation({
latitude: latitude,
longitude: longitude,
name:"花園橋肯德基",
scale: 28
})
}
})
然后就會出現(xiàn)下圖
點(diǎn)擊綠圓點(diǎn)點(diǎn)右下角的
然后是
最后就到了高德啦！
總結(jié)
以上所述是小編給大家介紹的微信小程序中進(jìn)行地圖導(dǎo)航功能的實(shí)現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
分別用marquee和div+js實(shí)現(xiàn)首尾相連循環(huán)滾動效果，僅3行代碼
這是本人2007年進(jìn)行的一項(xiàng)研究，當(dāng)時(shí)網(wǎng)絡(luò)上沒有什么既精簡又實(shí)用的循環(huán)滾動代碼，所以就自己琢磨了段時(shí)間，最終找到這個辦法2011-09-09
這篇文章主要給大家介紹了關(guān)于微信小程序中遇到的一些iOS兼容性問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
一個效果寫的HashTable代碼...2007-03-03
無論是代碼高亮還是語法高亮對整個程序來說都非常重要，可以給人眼前一亮的感覺，增加用戶體驗(yàn)度，下面通過本文給大家介紹2016年最熱門的Javascript代碼高亮顯示腳本及代碼語法高亮工具，對js代碼高亮，代碼語法高亮相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要介紹了JavaScript、C# URL編碼總結(jié),注意包括了encodeURI、decodeURI、encodeURIComponent、decodeURIComponent等使用需要的朋友可以參考下2017-01-01
ES6下如何實(shí)現(xiàn)子組件調(diào)用父組件？下面小編就為大家分享一篇ES6下子組件調(diào)用父組件的方法。希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
uniapp實(shí)現(xiàn)tabs切換(可滑動)效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動)效果的相關(guān)資料,tabs切換無論是在app端還是小程序或者H5頁面都是很常見的功能,文中通過實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下2023-07-07
js如何獲取訪問IP、地區(qū)、當(dāng)前操作瀏覽器
這篇文章主要介紹了js如何獲取訪問IP、地區(qū)、當(dāng)前操作瀏覽器,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
JavaScript學(xué)習(xí)小結(jié)(7)之JS RegExp
在js中,正則表達(dá)式是由一個RegExp對象表示的，RegExp 是正則表達(dá)式的縮寫。RegExp簡單的模式可以是一個單獨(dú)的字符。更復(fù)雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等?？梢允褂靡粋€RegExp()構(gòu)造函數(shù)來創(chuàng)建RegExp對象，也可以使用直接量語法2015-11-11
本篇文章主要是對js獲取和設(shè)置屬性的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02