This hybrid app showcases the usage of Ionic Capacitor's Google Maps plugin for Android, iOS, and the Web.
- Create a Google Maps API key with
Maps JavaScript API
,Maps SDK for Android
, andMaps SDK for iOS
APIs enabled. - Rename
.env.example
file to.env
. - Add your Google Maps API key to the
.env
file. - Open
AndroidManifest.xml
and replace this value with your Google Maps API key
<meta-data android:name="com.google.android.geo.API_KEY" android:value="YOUR_API_KEY"/>
- Start the dev server with
npm start
- Open the project in Android studio with
npx cap android open
- Open the project in Xcode with
npx cap ios open