Google Maps V2 for Android using Appcelerator Titanium

Hello Everyone,

Here comes my another post on Titanium for Android’s Google Maps V2.  Google deprecates the V1 maps, if you already have a V1 MAP API key you still get a support using Ti.Map namespace on Titanium. Else you definitely need to use Google Maps V2. With this post you can able to see the Youtube video inorder to use the Maps V2 with titanium.

Prerequisites

• Titanium SDK >= 3.0.2
• Titanium’s Open source Map Module
• Android device with Google play installed (you can’t test this in Android Emulator)

var MapModule = require(‘ti.map’);

var win = Titanium.UI.createWindow();
var mountainView = MapModule.createAnnotation({
    latitude:37.390749,
    longitude:-122.081651,
    title:"Appcelerator Headquarters",
    subtitle:'Mountain View, CA',
    pincolor:MapModule.ANNOTATION_RED
});
var mapview = MapModule.createView({
    mapType: MapModule.NORMAL_TYPE,
    region: {latitude:33.74511, longitude:-84.38993,
            latitudeDelta:0.01, longitudeDelta:0.01},
    animate:true,
    regionFit:true,
    userLocation:true,
    annotations:[mountainView]
});
win.add(mapview);
win.open();

Tiapp.xml changes

The following is the code content you need to add to the Tiapp.xml's Android part

<android xmlns:android="http://schemas.android.com/apk/res/android">
    <manifest>
        <!-- Allows the API to download data from Google Map servers -->
        <uses-permission android:name="android.permission.INTERNET"/>
        <!-- Allows the API to cache data -->
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
        <!-- Use GPS for device location -->
        <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
        <!-- Use Wi-Fi or mobile connection for device location -->
        <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
        <!-- Allows the API to access Google web-based services -->
        <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/>
        <!-- Specify OpenGL ES 2.0 as a requirement -->
        <uses-feature android:glEsVersion="0x00020000" android:required="true"/>
        <uses-permission android:name="com.test.v2.permission.MAPS_RECEIVE"/>
        <permission
            android:name="com.test.v2.permission.MAPS_RECEIVE" android:protectionLevel="signature"/>
        <application>
            <!-- Replace "PASTE YOUR GOOGLE MAPS API KEY HERE" with the Google API key you obtained -->
            <meta-data
                android:name="com.google.android.maps.v2.API_KEY" android:value="YOUR_MAP_API_KEY_HERE"/>
        </application>
    </manifest>
</android>

• Open the Google Api console and navigate to your project, then goto the services tab, and check the Android V2 map is ON
• Goto API access tab, and check APP-ID you added on the API key’s is equal to APP-ID in Tiapp.xml file
• In Tiapp.xml file the <uses-permission android:name=”com.your.appid.permission.MAPS_RECEIVE”/> tag and <permissio android:name=”com.your.appid.permission.MAPS_RECEIVE” android:protectionLevel=”signature”/> tag should have your app-id similar to the app-id you gave in Google API Console
• Still facing the problems? post it in Titanium QA and link that thread here.