index.vue 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template>
  2. <view class="content">
  3. <view style="margin: 15rpx;">
  4. <view style="margin: 15rpx;">
  5. <button type="primary" @click.stop="toAmapPage">高德地图+renderjs 初体验</button>
  6. </view>
  7. <view style="margin: 15rpx;">
  8. <button type="primary" @click.stop="toInfowindowPage">自定义信息窗体</button>
  9. </view>
  10. <view style="margin: 15rpx;">
  11. <button type="primary" @click.stop="toNavigationPage">路线规划</button>
  12. </view>
  13. <view style="margin: 15rpx;">
  14. <button type="primary" @click.stop="toGeolocationPage">定位当前位置</button>
  15. </view>
  16. <view style="margin: 15rpx;">
  17. <button type="primary" @click.stop="toPoiSearchPage">POI搜索</button>
  18. </view>
  19. <view style="margin: 15rpx;">
  20. <button type="primary" @click.stop="toTMapPage">腾讯地图</button>
  21. </view>
  22. <view style="margin: 15rpx;">
  23. <button type="primary" @click.stop="toBMapPage">百度地图</button>
  24. </view>
  25. </view>
  26. </view>
  27. </template>
  28. <script>
  29. export default {
  30. methods: {
  31. // 跳转高德地图+renderjs 初体验页面
  32. toAmapPage(){
  33. uni.navigateTo({
  34. url: '/pages/amap/amap'
  35. })
  36. },
  37. // 跳转自定义窗体页面
  38. toInfowindowPage(){
  39. uni.navigateTo({
  40. url: '/pages/infowindow/infowindow'
  41. })
  42. },
  43. // 跳转路线规划页面
  44. toNavigationPage(){
  45. uni.navigateTo({
  46. url: '/pages/navigation/navigation'
  47. })
  48. },
  49. // 跳转定位当前位置页面
  50. toGeolocationPage(){
  51. uni.navigateTo({
  52. url: '/pages/geolocation/geolocation'
  53. })
  54. },
  55. // 跳转POI搜索页面
  56. toPoiSearchPage(){
  57. uni.navigateTo({
  58. url: '/pages/poiSearch/poiSearch'
  59. })
  60. },
  61. // 跳转腾讯地图页面
  62. toTMapPage(){
  63. uni.navigateTo({
  64. url: '/pages/TMap/TMap'
  65. })
  66. },
  67. // 跳转百度地图页面
  68. toBMapPage(){
  69. uni.navigateTo({
  70. url: '/pages/BMap/BMap'
  71. })
  72. }
  73. }
  74. }
  75. </script>
  76. <style>
  77. </style>