2. 程式人生 > >微信小程式的百度地圖獲取地理位置

微信小程式的百度地圖獲取地理位置

阿新 • • 發佈：2019-02-19
  1. 第一步：先到百度開放平臺http://lbsyun.baidu.com申請ak，並下載百度地圖的api
（根據官方提供的順序進行即可，這裡不再複述）

2.到微信公眾平臺的後臺裡設定配置request合法域名
3.引入JS模組
注意：小程式專案大小不超過1M，所以用 壓縮的js檔案4.在所需的js檔案內匯入js
5.例項程式碼：
// pages/map/map.jsvar bmap = require("../../utils/bmap-wx.min.js");var wxMarkerData = [];//定位成功回撥物件Page({/** * 頁面的初始資料 */ data: { ak:"KVAWk7QKGzd4H4unph4eZyIxfWEpaGZM"
,//填寫申請到的ak markers:[], longitude:'',//經度 latitude:'',//緯度 address:'',//地址 cityInfo:{}//城市資訊 },/** * 生命週期函式--監聽頁面載入 */ onLoad: function (options) {var that = this;/*獲取定位地理位置*///新建bmapvar BMap = new bmap.BMapWX({ ak:that.data.ak });var fail = function(data){ console.log(data);
}var success = function(data){//返回資料內，已經包含經緯度 console.log(data);//使用wxMarkerData獲取資料 wxMarkerData = data.wxMarkerData; that.setData({ markers:wxMarkerData, latitude: wxMarkerData[0].latitude, longitude:wxMarkerData[0].longitude, address:wxMarkerData[
0].address, cityInfo:data.originalData.result.addressComponent }); } BMap.regeocoding({ fail:fail, success:success }); }})

轉載自：https://blog.csdn.net/michael_ouyang/article/details/55097646

相關推薦

微信小程式的百度地圖獲取地理位置

第一步：先到百度開放平臺http://lbsyun.baidu.com申請ak，並下載百度地圖的api（根據官方提供的順序進行即可，這裡不再複述）2.到微信公眾平臺的後臺裡設定配置request合法域名3.引入JS模組注意：小程式專案大小不超過1M，所以用 壓縮的js檔案4.

iOS之百度地圖獲取地理位置名稱

目前很多的應用都用到了百度地圖這一版本，不過有些方法是我在網上並沒有找到的，但是這並不意味著就沒有相關的文章介紹，那麼這裡我所記錄的就是百度地圖獲取地理位置，以及省份，城市，區域，其他的不多說了，直接進入正題吧：       建立地圖基本圖層          然後

微信小程式使用spring boot獲取使用者唯一標識openId

1.app.js裡面呼叫wx.login(OBJECT) 獲取登入憑證（code）進而換取使用者登入態資訊，包括使用者的唯一標識（openid） 及本次登入的 會話金鑰（session_key）等。 //app.js App({ onLaunch: function() {

微信小程式檢視層_獲取介面上的節點資訊

獲取介面上的節點資訊 WXML節點資訊 節點資訊查詢 API 可以用於獲取節點屬性、樣式、在介面上的位置等資訊。 最常見的用法是使用這個介面來查詢某個節點的當前位置，以及介面的滾動位置。

小程式學習筆記：小程式百度地圖例子的執行

  微信的小程式結構升級很快，百度的小程式demo不能直接運行了。 首先下載小程式——百度地圖的例子。https://github.com/baidumapapi/wxapp-jsapi 1、設定微信公眾平臺——小程式——設定——開發設定。 修改伺服器域名，reques

微信小程式-騰訊地圖顯示偏差問題

背景 在小程式中使用map元件，可以呼叫騰訊地圖的API，將一些固定的點標記到地圖介面上，點的經緯度獲取是通過android端百度地圖API獲取的，所以此時將這個位置點資訊直接設定上去會出現偏差，而且偏差還比較大 小程式設定位置點 關於如何在map元件上設定位置點，詳細請檢視騰訊官方文件 首先

【微信小程式】c# 實現獲取openid、session_key 服務端

c#寫一個獲取微信小程式 openid和session_key 的方法。。 1，微信小程式端 // 登入 wx.login({ success: res => { // 傳送 res.code 到後臺換取 openId, sessionKey,

微信小程式-form表單-獲取使用者輸入文字框的值

微信小程式-form表單-獲取使用者輸入文字框的值 <input name='formnickname' class="textarea" placeholder="{{geren.nickname}}" value='{{geren.nickname}}' bi

微信小程式開發(2)——地圖定位、地圖滑動、建立路線等

1.地圖的使用 在wxml檔案中使用地圖，動態設定中心點位置和地圖大小等資訊。 <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" contro

微信小程式基於高德api地理/逆地理編碼獲取地址

1.先使用微信自帶方法wx.getLocation去獲取經緯度。 wx.getLocation({ type: 'wgs84', //預設為 wgs84 返回 gps 座標，gcj02 返回可用於 wx.openLocation 的座標  suc

微信小程式wx.getUserInfo方法獲取的使用者資訊為英文字母

我們在開發微信小程式的時候會發現用wx.getUserInfo方法獲取到的使用者國家、省份、城市等資訊都是英文字母，要想獲取中文資訊，您只需在wx.getUserInfo中加上  lang:"zh_CN"這條語句就可以，如下圖所示：

微信小程式傳送模版訊息獲取 formID 方法

想要傳送模板訊息，首先需要獲取到使用者的 formId , 因為用到獲取使用者 formId 的請求很大可能會複用，所以我這裡把他放到app.js 裡面封裝起來，方便呼叫。 //app.js var util = require('utils/util.js'); A

微信小程式之使用者登入(獲取使用者資訊,openid,unionld) java後臺版

參考文章:https://blog.csdn.net/guochanof/article/details/80189935;感謝作者給的思路與大部分問題解決辦法由於微信官方api的更改,wx.getuserinfo()方法無法在無授權的情況下直接使用,參考文中作者是直接可以拉

微信小程式 相容使用者拒絕獲取位置許可權 使用者拒絕許可權處理

function getAuthor() { wx.getLocation({ type: 'wgs84', success: function (res) { var

微信小程式二維碼獲取和儲存 PHP

<?php class Wx { /* 請求地址 */ protected $url; /* 微信配置 */ protected $config; public function __construct(){ $this->url =

微信小程式如何顯示地圖並設定全屏

微信小程式在介面上顯示地圖，你只需要用map標籤即可： <map longitude="經度度數" latitude="緯度度數"></map> 例如北京的經緯度為：116.46，39.92 <map class="bgMap" longi

微信小程式之map地圖

微信小程式地圖操作比較簡單，api也很少，使用map元件來展示。說到地圖，那就先來看基礎定位： 定位用到wx.getLocation(OBJECT)函式，程式碼如下： wx.getLocation({ type: 'wgs84', success:

微信小程式登入授權、獲取使用者頭像增加樣式【完整原始碼】

完善功能： 1、通過open-data展示使用者頭像 程式碼： index.wxml <view wx:if="{{canIUse}}"> <view class='header'> <view class="user

微信小程式---高德地圖API

本文章介紹微信小程式呼叫高德地圖API的過程，使用高德定位功能做演示。 微信小程式目前支援百度地圖、高德地圖、騰訊地圖。用法可以說是基本完全一樣，本文章以高德為例，簡單說一下他們的區別，高德地圖精度應該是最準確的，畢竟本來就是做地圖出生的。百度地圖的精度目前較高德而言，還是要稍稍欠缺一

微信小程式中實現地圖導航

<map id="map" longitude="116.715790" latitude="23.362490" markers="{{markers}}" scale="18" style="width: 100%; height: 300px;" bindta