chooseAddress.vue 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <template>
  2. <view class="content">
  3. <view id="map" class="map">
  4. <map @updated='mapChange' id="map_1" ref='map_1' style="width:750rpx; height: 600rpx" :latitude="latitude"
  5. :longitude="longitude" ></map>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. import {
  11. getcomAddress
  12. // getdis,
  13. // tocall
  14. } from '@/api/index.js';
  15. export default{
  16. data() {
  17. return{
  18. // longitude:'',
  19. // latitude:'',
  20. // longitude:39.909,
  21. // latitude: 116.39742,
  22. }
  23. },
  24. onLoad() {
  25. // window.location.href = `https://uri.amap.com/marker?position=${longitude},${latitude}&name=${address}`
  26. // window.location.href = `https://apis.map.qq.com/ws/geocoder/v1/?location=39.984154,116.307490&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&get_poi=1`
  27. window.location.href = `https://apis.map.qq.com/tools/locpicker?search=1&type=0&backurl=http://3gimg.qq.com/lightmap/components/locationPicker2/back.html&key=yourkey&referer=myapp`
  28. console.log(window.location.href)
  29. // let obj = this;
  30. // console.log('开始加载事件');
  31. // uni.showLoading({
  32. // title: '加载中',
  33. // mask: true
  34. // });
  35. // try {
  36. // let locationAddress
  37. // // #ifdef H5
  38. // let wxOjb = require('jweixin-module');
  39. // locationAddress = wxOjb.getLocation;
  40. // // #endif
  41. // // #ifdef MP
  42. // locationAddress = uni.getLocation;
  43. // // #endif
  44. // wxOjb.ready(()=>{
  45. // console.log('加载完毕注册事件');
  46. // locationAddress({
  47. // type: 'gcj02',
  48. // success: function(res) {
  49. // console.log('获取经纬度', res);
  50. // obj.longitude = res.longitude
  51. // obj.latitude = res.latitude
  52. // obj.loadData();
  53. // },
  54. // fail(e) {
  55. // console.log('失败', e);
  56. // window.location.reload();
  57. // }
  58. // });
  59. // })
  60. // } catch (e) {
  61. // console.log(e);
  62. // let locationAddress
  63. // // #ifdef H5
  64. // let wxOjb = require('jweixin-module');
  65. // locationAddress = wxOjb.getLocation;
  66. // // #endif
  67. // // #ifdef MP
  68. // locationAddress = uni.getLocation;
  69. // // #endif
  70. // wxOjb.ready(()=>{
  71. // console.log('加载完毕注册事件');
  72. // locationAddress({
  73. // type: 'gcj02',
  74. // success: function(res) {
  75. // uni.showModal({
  76. // title:'获取经纬度',
  77. // content: JSON.stringify(res)
  78. // })
  79. // console.log('获取经纬度', res);
  80. // obj.longitude = res.longitude
  81. // obj.latitude = res.latitude
  82. // obj.loadData();
  83. // },
  84. // fail(e) {
  85. // console.log('失败', e);
  86. // }
  87. // });
  88. // })
  89. // }
  90. this.loadData()
  91. },
  92. methods:{
  93. // 地图渲染完毕事件
  94. mapChange(e) {
  95. console.log(e);
  96. },
  97. async loadData() {
  98. let obj = this;
  99. // get_commonly
  100. console.log('进入loadData')
  101. getcomAddress({
  102. longitude:39.909,
  103. latitude: 116.39742,
  104. common_address:'首都'
  105. }).then((res) => {
  106. console.log(res)
  107. console.log('进入getcomAddress的成功')
  108. let data = res.data;
  109. uni.hideLoading();
  110. console.log('请求数据', data);
  111. // data = data.map(d => {
  112. // return {
  113. // ...d,
  114. // iscall: true
  115. // }
  116. // })
  117. // obj.list = data;
  118. }).catch(err => {
  119. console.log('进入getcomAddress的失败')
  120. console.log(err);
  121. uni.hideLoading();
  122. uni.showModal({
  123. title: '失败',
  124. content: JSON.stringify()
  125. });
  126. });
  127. },
  128. }
  129. }
  130. </script>
  131. <style>
  132. </style>