更新记录
1.0.0(2024-10-28)
uniapp 使用高德地图jspai, 调用web服务的api地理逆编码获取的经度纬度,再获取当前的经度纬度,拿到开始和结束的经度纬度进行路线绘制
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.7.10 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
代码
<template>
<view class="map-container">
<!-- <view id="map" class="map" :style="{ width: '100%', height: mapHeight + 'px' }"></view>
<view style="width: 100%; height: 200rpx; position: fixed; bottom: 0; background: #fff;">
<input style="width: 80%; height: 100rpx; float: left;" placeholder="请输入目的地" v-model="address" />
<button class="btn" @click="sousuo">搜索</button>
<button class="btn" @click="echarts.startAnimation">走</button>
</view> -->
<heimao-dizhishiyong mapKey="67590398427369dcb1ba3873f1374949" :addresss="addresss"></heimao-dizhishiyong>
<view style="width: 100%; height: 200rpx; position: fixed; bottom: 0; background: #fff;">
<input style="width: 80%; height: 100rpx; float: left;" placeholder="请输入目的地" v-model="address" />
<button class="btn" @click="sousuo">搜索</button>
<button class="btn" @click="echarts.startAnimation">走</button>
</view>
</view>
</template>