更新记录

1.0.5（2026-01-20） 下载此版本

解决已知bug

1.0.4（2026-01-20） 下载此版本

修复已知bug

1.0.3（2025-12-30） 下载此版本

修复已知bug

平台兼容性

uni-app(4.01)

xiaoaping-googleMap

基于 genos-googlemap 的基础优化了一下

注意

manifest.json 打开定位

组件不能和h5谷歌地图 同时存在需包裹 ifdef APP

引入组件

<!-- #ifdef APP -->
<xiaoaping-googleMap ref="googleMap" googleKey="你的谷歌key" @confirmAddress="confirmAddress"></xiaoaping-googleMap>
<!-- #endif -->

国际化使用

如需适配多语言只需要把props里面的notSelectedText、confirmText、searchText内容替换一下

<!-- #ifdef APP -->
<xiaoaping-googleMap 
    ref="googleMap" 
    googleKey="你的谷歌key" 
    :notSelectedText="$t('notSelectedText')"  
    :confirmText="$t('confirmText')"  
    :searchText="$t('searchText')"  
    @confirmAddress="confirmAddress">
</xiaoaping-googleMap>
<!-- #endif -->

打开弹窗

this.$nextTick(() => {
    this.$refs.googleMap.open()
})

接收返回

confirmAddress(e){
    console.log(e);
}

参数说明

返回说明

{
    "compound_code": "中国北京市东城区",
    "latlng": {
        "lat": 39.899784,
        "lng": 116.40007
    },
    "name": "北京中铁创世国际文化发展有限公司"
}

需自行先在谷歌地图开放平台开通一下自动扣费并且创建对应key

https://console.cloud.google.com/google/maps-apis

本插件属于网页key 只需要申请一个就好了

安卓和ios都能正常使用便于开发者快速开发