微信小程序?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 異步加載詳解(瀏覽器在javascript的加載方式)
本文總結(jié)一下瀏覽器在 javascript 的加載方式,需要的朋友可以參考下2012-05-05
LayUI動(dòng)態(tài)設(shè)置checkbox不顯示的解決方法
今天小編就為大家分享一篇LayUI動(dòng)態(tài)設(shè)置checkbox不顯示的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
教你用js截取字符串開(kāi)頭、結(jié)尾及兩字符串之間的內(nèi)容
在js中可以通過(guò)indexOf()方法找到指定的字符位置,再使用length屬性獲得字符串的長(zhǎng)度,下面這篇文章主要給大家介紹了關(guān)于如何用js截取字符串開(kāi)頭、結(jié)尾及兩字符串之間的內(nèi)容的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章介紹了javascript獲取選中的文本的方法代碼，有需要的朋友可以參考一下2013-10-10
js判斷輸入是否中文，數(shù)字，身份證等等js函數(shù)集合
收集的比較多，建議大家查找搜尋，常用的js判斷函數(shù)2008-09-09
微信小程序?qū)崿F(xiàn)紅包功能（后端PHP實(shí)現(xiàn)邏輯）
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)紅包功能，以及后端PHP實(shí)現(xiàn)邏輯，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉?duì)象的3種方法,在JavaScript中對(duì)象可以通過(guò)兩種方法添加對(duì)象,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
這篇文章主要介紹了JS控制彈出新頁(yè)面窗口位置和大小的方法,實(shí)例分析了open方法彈出窗口的使用技巧,需要的朋友可以參考下2015-03-03
一個(gè)多層疊的TAB選項(xiàng)卡，自適應(yīng)寬度(自行更改nonstop的width測(cè)試效果)。2010-01-01
OpenLayers3實(shí)現(xiàn)圖層控件功能
這篇文章主要為大家詳細(xì)介紹了OpenLayers3實(shí)現(xiàn)圖層控件功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09