网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

微信小程序定位到當前城市,兩種為對象屬性賦值的方式

發布時間:2018-02-06 15:49 所屬欄目:小程序開發教程

今天剛好有個同學在問這個問題,就是如何在有了經緯度之后,如何獲取城市信息,剛好看到兩個相關文章,就貼出來,給大家參考一下;

 

作者;tammy1151,來自原文地址 
首先需要申請百度地圖Geocoding API

Geocoding API包括地址解析和逆地址解析功能: 
地理編碼:即地址解析,由詳細到街道的結構化地址得到百度經緯度信息,例如:“北京市海淀區中關村南大街27號”地址解析的結果是“lng:116.31985,lat:39.959836”。同時,地理編碼也支持名勝古跡、標志性建筑名稱直接解析返回百度經緯度,例如:“百度大廈”地址解析的結果是“lng:116.30815,lat:40.056885” ,通用的POI檢索需求,建議使用Place API。

逆地理編碼:即逆地址解析,由百度經緯度信息得到結構化地址信息,例如:“lat:31.325152,lng:120.558957”逆地址解析的結果是“江蘇省蘇州市虎丘區塔園路318號”。

代碼:

 

  1. Page({
  2. data:{
  3. city:''
  4. },
  5. onLoad:function(options){
  6. this.loadInfo();
  7. },
  8. loadInfo:function(){
  9. var page=this
  10. wx.getLocation({
  11. type: 'wgs84', // 默認為 wgs84 返回 gps 坐標,gcj02 返回可用于 wx.openLocation 的坐標
  12. success: function(res){
  13. // success
  14. var longitude=res.longitude
  15. var latitude=res.latitude
  16. page.loadCity(longitude,latitude)
  17. },
  18. fail: function() {
  19. // fail
  20. },
  21. complete: function() {
  22. // complete
  23. }
  24. })
  25. },
  26. loadCity:function(longitude,latitude){
  27. var page =this
  28. wx.request({
  29. url: 'https://api.map.baidu.com/geocoder/v2/?ak=您的ak &location='+latitude+','+longitude+'&output=json',
  30. data: {},
  31. header:{
  32. 'Content-Type':'application/json'
  33. },
  34. success: function(res){
  35. // success
  36. console.log(res);
  37. var city=res.data.result.addressComponent.city;
  38. page.setData({city:city});
  39. },
  40. fail: function() {
  41. // fail
  42. },
  43. complete: function() {
  44. // complete
  45. }
  46. })
  47. }
  48. })
 

  1. <!--index.wxml-->
  2. <view class="container">
  3. {{city}}
  4. </view>
 

二:獲取當前位置信息

分享者:cat6572325,來自原文地址  小程序的api getLocation只能獲得經緯度,所以需要將經緯度轉換成地區信息發送http請求  http://api.map.baidu.com/geocoder/v2/?ak=btsVVWf0TM1zUBEbzFz6QqWF&callback=renderReverse&location=' + res.latitude + ',' + res.longitude + '&output=json&pois=1  可以將經緯度轉換成地區信息,完整代碼:

 

  1. wx.getLocation({
  2. type: 'wgs84',
  3. success: function (res) {
  4. wx.request({
  5.       url: 'http://api.map.baidu.com/geocoder/v2/?ak=btsVVWf0TM1zUBEbzFz6QqWF&callback=renderReverse&location=' + res.latitude + ',' + res.longitude + '&output=json&pois=1', data: {},
  6.   success: function (ops) {
  7.   console.log(ops)
  8. }
  9.      })
  10. }
  11. })
 

三:兩種為對象屬性賦值的方式

對應config.wxml

 

  1. <view>
  2. 階段一<switch id="config1" checked bindchange="switchChange"/>
  3. </view>

對應config.js

 

  1. data:{
  2. //定義對象
  3. configs:{}
  4. }

//方式一

 

  1. switchChange:function(e){
  2. //為對象的某一屬性賦值
  3. configs.config1={ };
  4. console.log(e);
  5. }

//方式二

 

  1. switchChange:function(e){
  2. //為對象的某一屬性賦值
  3. configs["config1"]={ }
  4. console.log(e);
  5. }

兩種效果等同  但是 方式一的 congfig1取至function(e),是個不定值,因為若數組個數發生改變,相應的congfig1指的便不是同一個

方式二config1取至 congfig.wxml中事件switchChange,id為config1的屬性


本文地址:http://www.xiuhaier.com/wxmini/doc/course/21642.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×