enaml-native-maps

GoogleMaps for enaml-native

Features

This package contains the following widgets:

• MapView with traffic, layers, buildings, and camera control
• MapMarker with customizable info windows
• MapPolygon, MapPolyline, and MapCirlce

You may want to also use the LocationManager from enamlnative.android.api for GPS updates. See

Installing

1. Install enaml-native-maps using the enaml-native-cli (or pip)

#: Using the enaml-native cli
enaml-native install enaml-native-maps

#: or via pip and link it
pip install enaml-native-maps
enaml-native link enaml-native-maps

2. Next, add enaml-native-maps: "" to your app's package.json

3. Then update the manifest in android/app/src/main/AndroidManifext.xml to include:

  
        <!-- If using google maps these two are required.
        You must also define the API key in gradle.properties-->
        <meta-data
            android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />
        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="@string/google_maps_key" />

Note: Make sure it is within the <application> tags!

4. Now in android/app/build.gradle add the resValue lines below under the buildTypes to tell gradle to pull your key from the gradle.properties

    buildTypes {
        debug {
            // Add this line
            resValue "string", "google_maps_key",
                    (project.findProperty("GOOGLE_MAPS_API_KEY") ?: "")
        }
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
            // And add this line
            resValue "string", "google_maps_key",
                    (project.findProperty("GOOGLE_MAPS_API_KEY") ?: "")
        }
    }

5. Finally add your GOOGLE_API_MAPS_KEY=yourapikey in android/app/gradle.properties.

See android's maps docs for help and to get an API key.

Usage

See the examples folder.