uniapp实现地图导航

话不多说直接上源码

  <view class="block-contact mb20">
        <view class="contact-item">
          <view class="contact-item-l">
            <u-icon name="coupon" size="20px"></u-icon>
          </view>
          <view class="contact-item-r">湖北xxxxxxxxx有限公司</view>
        </view>
        <view class="contact-item">
          <view class="contact-item-l">
            <u-icon name="phone" size="20px"></u-icon>
          </view>
          <view class="contact-item-r" bindtap="makePhoneCall" @click="clickPhone" data-mobile="400-860-2786">400-860-2786</view>
        </view>
        <view class="contact-item">
          <view class="contact-item-l">
            <u-icon name="map" size="20px"></u-icon>
          </view>
          <view class="contact-item-r" bindtap="gomap" @click="gomap" data-coordinate="30.585904,114.276765" data-address="武汉市江汉区精武路">
            武汉市xxxxxxxxxxxx写字楼</view>
        </view>
      </view>

/**
       * 地图导航
       */
    gomap: function (e) {
      let coordinate = e.currentTarget.dataset.coordinate || '19.992555,110.339932';
      if (coordinate) {
        let address = e.currentTarget.dataset.address || '';
        let map = coordinate.split(',');
        wx.openLocation({
          latitude: parseFloat(map[0]),
          longitude: parseFloat(map[1]),
          address: address
        })
      }
    },

 上述代码是在uniapp中的源码，可以直接使用，另外你自己换成自己需要的地址就行了，另外如果有疑问可以直接@我联系我如果对你有用麻烦您点个关注谢谢，非常感谢！