Android Tutorial Google Maps

Erel · Feb 24, 2016

Installation instructions:

- Register your app in Google developer console: https://console.developers.google.com
You need to enable Google Maps Android API.
Then click on Credentials -> Create Credentials -> API Key -> Android Key.
You should get a key that looks like: AIzaSyCmFHamGE0O0BvxxxxxxxxXbTCSrjFVg-Q

- Copy the attached library and put it in the additional libraries folder. Add a reference to the GoogleMaps library.

- Add this to the manifest editor (replace the value with your key):

B4X:

CreateResourceFromFile(Macro, FirebaseAnalytics.GooglePlayBase)

AddApplicationText(
<meta-data
  android:name="com.google.android.geo.API_KEY"
  android:value="xxxxxxxxxxxxxx"/>
)

AddApplicationText(
<uses-library
      android:name="org.apache.http.legacy"
      android:required="false" />
)

Don't add #AdditionalRes or #ExcludeClasses.

- Set minSdkVersion to 14 (Android 4).

- Add a MapFragment with the visual designer. It will appear under the CustomView menu. If you don't see it then make sure that the GoogleMaps library is selected.
You can change the properties from the designer.
Set the anchors to BOTH so the map will fill the activity:

Implement the Ready event to get a reference to the GoogleMap object.
Complete code:

B4X:

Sub Process_Globals
   Private rp As RuntimePermissions
End Sub

Sub Globals
   Private gmap As GoogleMap
   Private MapFragment1 As MapFragment
End Sub

Sub Activity_Create(FirstTime As Boolean)
   Activity.LoadLayout("1")
   Wait For MapFragment1_Ready
   gmap = MapFragment1.GetMap
   rp.CheckAndRequest(rp.PERMISSION_ACCESS_FINE_LOCATION)
   Wait For Activity_PermissionResult (Permission As String, Result As Boolean)
   If Result Then
       gmap.MyLocationEnabled = True
   Else
       Log("No permission!")
   End If
End Sub

Notes

Updates

- v2.50 - Required dependencies were added to the library.
My Location Enabled property was removed from the designer as it needs to be set after the permission is granted.
- v2.02 EXTERNAL_STORAGE permission removed. It is no longer required.
GetOpenSourceLicenseInfo returns an empty string.
Fixes an issue with the ready event being lost if the activity is paused before the map is ready.

Note that you will need to update the package name and api key in the attached example.

nidpea04 · Jul 3, 2016

My project Google map error with Run Release
-----------------------------------------
B4A version: 6.00 BETA #1
Parsing code. (0.00s)
Compiling code. (0.04s)
Compiling layouts code. (0.00s)
Generating R file. (0.33s)
Compiling generated Java code. (1.34s)
Convert byte code - optimized dex. (1.79s)
Packaging files. Error

Erel · Jul 3, 2016

You should run the stable version instead of the beta.

nidpea04 · Jul 3, 2016

Thank Erel.
I'm remove v.6 beta. and install v5.8 ( windows 10 )
But there error.
'---------------------------------------------
B4A version: 5.80
Parsing code. (0.00s)
Compiling code. (0.08s)

ObfuscatorMap.txt file created in Objects folder.
Compiling layouts code. (0.00s)
Generating R file. (0.25s)
Compiling generated Java code. (1.50s)
Convert byte code - optimized dex. (0.55s)
Packaging files. Error

Please advise me.

Erel · Jul 4, 2016

Why aren't you installing v6.0?

nidpea04 · Jul 4, 2016

I have no link for download v.6

Please send link download v.6 for me.

Erel · Jul 5, 2016

Please contact support@basic4ppc.com.

rscheel · Jul 14, 2016

As I can put these buttons on the map?

DonManfred · Jul 14, 2016

Please Start a new thread in the questions forum for this question

iCAB · Jul 16, 2016

After updating Google-play-services to Rev31, I commented out

B4X:

#AdditionalRes: C:\Android\sdk\extras\google\google_play_services\libproject\google-play-services_lib\res,com.google.android.gms

and added the following

B4X:

#AdditionalJar: com.google.android.gms:play-services-maps

The code compiles no problem, but I am getting the following error now

B4X:

java.lang.RuntimeException: java.lang.NullPointerException: Attempt to invoke virtual method 'java.lang.Object anywheresoftware.b4a.objects.collections.Map.Get(java.lang.Object)' on a null object reference
    at anywheresoftware.b4a.objects.MapFragmentWrapper$1.onMapReady

I have modified the manifest to include

B4X:

'************ Google Play Services Base ************
AddApplicationText(
   <activity android:name="com.google.android.gms.common.api.GoogleApiActivity"
  android:theme="@android:style/Theme.Translucent.NoTitleBar"
  android:exported="false"/>
    <meta-data
  android:name="com.google.android.gms.version"
  android:value="@integer/google_play_services_version" />
<meta-data android:name="com.google.android.maps.v2.API_KEY"
android:value="AIzaSy......"/>
)
'************ Google Play Services Base (end) ************

I also tried replacing maps.v2.API_KEY with geo-API as recommended in the first post but I still got the same error.

I have also tried following the instruction for downloading google-service.json. That also didn't make a difference.

One thing I have noticed, that after I updated google-play-services, I was unable to find a new version of google-play-services.jar installed on my PC. Is this file no longer needed

Thanks in advance

Erel · Jul 17, 2016

Are you adding the map with the designer?

iCAB · Jul 17, 2016

I never used the designer. The GUI built during run time

Erel · Jul 17, 2016

You need to load the map with the designer.

iCAB · Jul 17, 2016

Erel said:
You need to load the map with the designer.

That is going to be an issue for the following reasons:
1. The application is huge and doesn't use the designer at all
2. All layouts/dimensions are automatically calculated during run time and auto adjusted to fit any screen size / resolution
3. I put a lot of effort in this so when I start doing my B4I conversion, there will be no dependency on the designer/GUI

Is there any other way? .. This was all working fine, until I updated the SDK (hoping to use Firebase )

BTW, I am not sure, about the designer thing, since I am facing the same issue with the sample project I uploaded for the Chopped Icons
( I believe this one is using the designer to load the map )

https://www.b4x.com/android/forum/threads/google-map-marker-icon-chopped.66781/#post-423450

Daniel-White · Jul 17, 2016

iCAB said:
That is going to be an issue for the following reasons:
1. The application is huge and doesn't use the designer at all
2. All layouts/dimensions are automatically calculated during run time and auto adjusted to fit any screen size / resolution
3. I put a lot of effort in this so when I start doing my B4I conversion, there will be no dependency on the designer/GUI

Is there any other way? .. This was all working fine, until I updated the SDK (hoping to use Firebase )

BTW, I am not sure, about the designer thing, since I am facing the same issue with the sample project I uploaded for the Chopped Icons
( I believe this one is using the designer to load the map )

https://www.b4x.com/android/forum/threads/google-map-marker-icon-chopped.66781/#post-423450

I come from B4A 5.8 and I was working all the google maps by code. in my particular case, I only added the fragment map to the layout and put it "invisible". that is it in my case.

Erel · Jul 18, 2016

GoogleMaps v2 is implemented as a custom view and should be added with the designer.

iCAB said:
2. All layouts/dimensions are automatically calculated during run time and auto adjusted to fit any screen size / resolution

It will be easier to do it with the designer.

iCAB said:
3. I put a lot of effort in this so when I start doing my B4I conversion, there will be no dependency on the designer/GUI

It will be easier to port an application that uses the designer as the layout handling in iOS is different than Android.

Anyway you can create a layout with only the map and load it. It will not interfere with the other views.

iCAB · Jul 18, 2016

Daniel-White said:
I come from B4A 5.8 and I was working all the google maps by code. in my particular case, I only added the fragment map to the layout and put it "invisible". that is it in my case.

Erel said:
GoogleMaps v2 is implemented as a custom view and should be added with the designer.

Thanks guys, that was an easy change

KMatle · Jul 20, 2016

Erel said:
GoogleMaps v2 is implemented as a custom view and should be added with the designer.

Of course I ran into the same problem (adding it by code -> exception, designer -> ok). Could you please desribe where the exact difference is (adding by designer / by code) in that specific case?

Erel · Jul 21, 2016

The map is initialized with the values set in the designer.

You can create a layout file with only the map and use it instead of creating the map by code.

luciano deri · Aug 5, 2016

How can find multi point in map, having only addresses (street, number, city, country ...)
Thanks.

MarcoRome · Aug 5, 2016

luciano deri said:
How can find multi point in map, having only addresses (street, number, city, country ...)
Thanks.

Look

B4X:

Geocoder1.GetFromLocationName

Android Tutorial Google Maps

Attachments

Member

B4X founder

Member

B4X founder

Member

B4X founder

Well-Known Member

Expert

Well-Known Member

B4X founder

Well-Known Member

B4X founder

Well-Known Member

Active Member

B4X founder

Well-Known Member

Expert

B4X founder

Active Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency