微信小程序 地圖map實(shí)例詳解
更新時間：2017年06月07日 16:22:00 作者：yuzeng84
這篇文章主要介紹了微信小程序 地圖map實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
微信小程序 地圖map實(shí)例詳解
wxml：
class="button" bindtap="getlocation" style="margin-top:30px" markers="{{markers}}">定位
longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" covers="{{covers}}"
style="width: 100%; height: 300px;margin-top:30px">
js：
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
data: {
latitude: 0,//緯度
longitude: 0,//經(jīng)度
speed: 0,//速度
accuracy: 16,//位置精準(zhǔn)度
markers: [],
covers: [],
},
onLoad: function () {
},
getlocation: function () {
var markers = [{
latitude: 28.211400,
longitude: 112.914250,
name: '喜地大廈',
desc: '我的位置'
}]
var covers = [{
latitude: 28.211400,
longitude: 112.914250,
iconPath: '/image/ic_position.png',
rotate: 0
}]
this.setData({
longitude: 112.914250,
latitude: 28.211400,
markers: markers,
covers: covers,
})
wx.getLocation({
type: 'gcj02',
success: function (res) {
var latitude = res.latitude
var longitude = res.longitude
var speed = res.speed
var accuracy = res.accuracy
console.log("latitude:" + latitude)
console.log("longitude:" + longitude)
console.log("speed:" + speed)
console.log("accuracy:" + accuracy)
wx.openLocation({
latitude: latitude,
longitude: longitude,
scale: 28
})
}
})
}
})
效果圖：
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
微信小程序 詳解下拉加載與上拉刷新實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序 詳解下拉加載與上拉刷新實(shí)現(xiàn)方法的相關(guān)資料,這里介紹了兩種實(shí)現(xiàn)方法，需要的朋友可以參考下2017-01-01
詳解微信小程序開發(fā)之——wx.showToast(OBJECT)的使用
本篇文章主要介紹了微信小程序開發(fā)之——wx.showToast(OBJECT)的使用，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
這篇文章主要為大家介紹了JS原始類型為什么能調(diào)用方法原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
關(guān)于JavaScript防抖與節(jié)流的區(qū)別與實(shí)現(xiàn)
這篇文章主要介紹關(guān)于JavaScript防抖與節(jié)流的區(qū)別與實(shí)現(xiàn)，防抖就是用戶多次觸發(fā)事件，在用戶一直觸發(fā)事件中，事件不會執(zhí)行，只有在用戶停止觸發(fā)事件一段時間之后再執(zhí)行這個事件一次，二節(jié)流是用戶多次觸發(fā)事件，具體詳情一i起來學(xué)習(xí)下面文章內(nèi)容吧2021-10-10
這篇文章主要介紹了JavaScript內(nèi)置對象,內(nèi)置對象就是指?JS?語言自帶的一些對象，這些對象供開發(fā)者使用，并提供了一些常用的或是最基本而必要的功能,下面我們一起進(jìn)入文章了解更多詳細(xì)內(nèi)容2021-12-12
這篇文章主要為大家介紹了無UI?組件Headless框架邏輯原理用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要為大家介紹了5個實(shí)用的JavaScript新特性，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
在開發(fā)一個JavaScript項(xiàng)目時，經(jīng)常會用到以前開發(fā)過的一些工具函數(shù)，收集這些函數(shù)，當(dāng)你需要它們的時候，將節(jié)省你大量的開發(fā)時間，本文將給大家?guī)?5個常用的工具函數(shù)，需要的小伙伴可以參考下2021-09-09
這篇文章主要介紹了 微信小程序之綁定點(diǎn)擊事件實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
這篇文章主要為大家介紹了Fabric.js 保存自定義屬性方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02