微信小程序?qū)崿F(xiàn)打開(kāi)內(nèi)置地圖功能【附源碼下載】
更新時(shí)間：2017年12月07日 14:55:30 作者：FutrueJet
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)打開(kāi)內(nèi)置地圖功能,涉及微信小程序使用wx.openLocation函數(shù)獲取經(jīng)緯度信息的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
本文實(shí)例講述了微信小程序?qū)崿F(xiàn)打開(kāi)內(nèi)置地圖功能。分享給大家供大家參考，具體如下：
1、效果展示
2、關(guān)鍵代碼
index.wxml布局文件代碼
<button type="default" bindtap="openMap">打開(kāi)地圖</button>
index.js邏輯文件代碼
Page({
openMap:function(){
wx.getLocation({
type: 'gcj02', // 默認(rèn)為 wgs84 返回 gps 坐標(biāo)，gcj02 返回可用于 wx.openLocation 的坐標(biāo)
success: function(res){
// success
wx.openLocation({
latitude: res.latitude, // 緯度，范圍為-90~90，負(fù)數(shù)表示南緯
longitude: res.longitude, // 經(jīng)度，范圍為-180~180，負(fù)數(shù)表示西經(jīng)
scale: 28, // 縮放比例
})
}
})
}
})
這里bindtap="openMap"綁定的openMap函數(shù)中調(diào)用wx.openLocation函數(shù)獲取本機(jī)經(jīng)緯度信息。
更多關(guān)于wx.openLocation函數(shù)詳細(xì)介紹可參考官網(wǎng) https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html
3、源代碼點(diǎn)擊此處本站下載。
希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。
相關(guān)文章
這篇文章主要介紹了JavaScript生成有縮進(jìn)的表格代碼的相關(guān)資料,代碼簡(jiǎn)單易懂，非常具有參考價(jià)值，需要的朋友可以參考下2016-06-06
JS等比例縮小圖片尺寸的實(shí)例，需要的朋友可以參考一下2013-02-02
利用js給datalist或select動(dòng)態(tài)添加option選項(xiàng)的方法
下面小編就為大家分享一篇利用js給datalist或select動(dòng)態(tài)添加option選項(xiàng)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
某人初學(xué)javascript的時(shí)候?qū)懙膶W(xué)習(xí)筆記
JavaScript對(duì)象就是一組屬性（方法）的集合 在該語(yǔ)言中如果變量名或方法名不符合聲明規(guī)范，則一定得用方括號(hào)“ [] ”引用它2010-12-12
本文為大家介紹下js如何實(shí)現(xiàn)展開(kāi)閉合效果，具體代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
uniapp實(shí)現(xiàn)注冊(cè)發(fā)送獲取驗(yàn)證碼功能
隨著網(wǎng)絡(luò)的發(fā)達(dá),總會(huì)有人惡意注冊(cè)網(wǎng)站,而使用輸入驗(yàn)證碼功能可以有效的阻止這一類現(xiàn)象的發(fā)生,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)注冊(cè)發(fā)送獲取驗(yàn)證碼功能的相關(guān)資料,需要的朋友可以參考下2022-11-11
關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果
這篇文章主要介紹了關(guān)于微信上網(wǎng)頁(yè)圖片點(diǎn)擊全屏放大效果的相關(guān)資料,需要的朋友可以參考下2016-12-12
mui上拉加載更多下拉刷新數(shù)據(jù)的封裝過(guò)程
mui的上拉加載和下拉刷新類似，都屬于pullRefresh插件。今天小編抽空給大家分享mui上拉加載更多下拉刷新數(shù)據(jù)的封裝過(guò)程，需要的朋友參考下吧2017-11-11
JavaScript實(shí)現(xiàn)二叉樹(shù)定義、遍歷及查找的方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)二叉樹(shù)定義、遍歷及查找的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了二叉樹(shù)的相關(guān)概念及javascript構(gòu)建二叉樹(shù)、遍歷、查找二叉樹(shù)的常用操作技巧,需要的朋友可以參考下2017-12-12
JS實(shí)現(xiàn)跟隨鼠標(biāo)的鏈接文字提示框效果
這篇文章主要介紹了JS實(shí)現(xiàn)跟隨鼠標(biāo)的鏈接文字提示框效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素樣式操作的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08