實(shí)際這是一個獲得經(jīng)緯度的方法，但是有了經(jīng)緯度可以做很多事情
- 點(diǎn)擊按鈕跳轉(zhuǎn)到一個單獨(dú)的頁面（地圖，可導(dǎo)航）
- 在頁面內(nèi)嵌一個獨(dú)立的小區(qū)域
首先可看一下騰訊地圖官方文檔
微信小程序JavaScript SDK | 騰訊位置服務(wù)
最基本：先引入js，獲得key，
js文件：https://mapapi.qq.com/web/miniprogram/JSSDK/qqmap-wx-jssdk1.2.zip
獲得key：微信小程序使用騰訊地圖完整流程_時光機(jī)上敲代碼的博客-CSDN博客_小程序騰訊地圖
準(zhǔn)備工作完成之后就可以按照騰訊地圖的文檔來寫代碼了
引入js，填寫key
// 引入SDK核心類
var QQMapWX = require('xxx/qqmap-wx.js');
// 實(shí)例化API核心類
var qqmapsdk = new QQMapWX({
key: '開發(fā)密鑰（key）' // 必填
});可以寫在事件里面，我這里是直接寫在onLoad里面
data:{
// 經(jīng)度
longitude: '',
// 維度
latitude: '',
markers: [],
}注意：在文檔的js中有這樣一段代碼
?效果
以上完成最基本的--獲得經(jīng)緯度，文章來源：http://www.zghlxwxcb.cn/news/detail-495200.html
1、點(diǎn)擊按鈕跳轉(zhuǎn)到一個單獨(dú)的頁面（地圖，可導(dǎo)航）
//跳轉(zhuǎn)到地圖
go_map() {
wx.openLocation({
// 經(jīng)緯度
latitude: this.data.poi.latitude,
longitude: this.data.poi.longitude,
// 地址名
name: this.data.datalist.address,
address: this.data.datalist.address
})
},2、在頁面內(nèi)嵌一個獨(dú)立的小區(qū)域
<map class="bottom_map" circles="false" id="myMap"
markers="{{markers}}" style="width:100%;height:300rpx;"
longitude="{{poi.longitude}}" latitude="{{poi.latitude}}"
scale='17' show-location>
</map>
// scale='17' 縮放級別，取值范圍為3-20詳細(xì)屬性信息：map | 微信開放文檔文章來源地址http://www.zghlxwxcb.cn/news/detail-495200.html
到了這里，關(guān)于微信小程序-引入地圖、獲得經(jīng)緯度的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
