uniapp中使用谷歌地图

在Uniapp中使用谷歌地图，你可以按照以下步骤进行操作：

1. 配置谷歌地图API密钥：首先，你需要在谷歌开发者控制台创建一个项目并获取到API密钥。确保启用了Maps JavaScript API和Geocoding API。将获取到的API密钥保存下来备用。

2. 安装插件：在Uniapp项目中，你可以使用插件来方便地使用谷歌地图。可以通过命令行执行以下命令来安装插件：

   npm install @dcloudio/uni-plugin-googlemaps

3. 引入插件：在`main.js`文件中引入插件：

   import '@dcloudio/uni-plugin-googlemaps'

4. 在页面中使用：可以在需要显示地图的页面中通过以下代码来引入谷歌地图组件：

   <template>
     <view>
       <google-map style="width: 100%; height: 400px;" :options="mapOptions">
         <google-map-marker :position="markerPosition"></google-map-marker>
       </google-map>
     </view>
   </template>
   
   <script>
   export default {
     data() {
       return {
         mapOptions: {
           apiKey: 'YOUR_API_KEY',
           zoom: 15,
           center: { lat: 37.7749, lng: -122.4194 } // 设置地图中心点的经纬度
         },
         markerPosition: { lat: 37.7749, lng: -122.4194 } // 设置标记点的经纬度
       }
     }
   }
   </script>

将`YOUR_API_KEY`替换为你在第一步中获取到的API密钥。

5. 运行项目：在终端中执行以下命令来运行Uniapp项目：

   npm run dev:%PLATFORM%

`%PLATFORM%`可以是`h5`、`app-plus`、`mp-weixin`等，根据你的需要选择对应的平台。

这样，你就可以在Uniapp中使用谷歌地图了。记得根据实际需求，调整地图的样式和标记点位置等信息。