MapScaleView

General

Category
Free
Tag
Maps
License
N/A
Min SDK
9 (Android 2.3–2.3.2 Gingerbread)
Registered
Oct 21, 2016
Favorites
8
Link
https://github.com/pengrad/MapScaleView
See also
mAppWidget
JRMapView
MotionVehicleTracker
MAPS.ME
IndorMapView

Additional

Language
Java
Version
1.4.2 (Mar 10, 2019)
Created
Oct 6, 2016
Updated
Apr 22, 2019
Owner
Stanislav Parshin (pengrad)
Contributors
Stanislav Parshin (pengrad)
kptlronyttcna
2
Activity
Badge
Generate
Download
Source code
APK file

Show card

Map Scale View

Scale view for any Android Maps SDK (not only Google Maps)

Contributing

I encourage you to participate in this project. Feel free to open issues with bugs or ideas, fork and send pull requests. Check list of "help wanted" issues to start with.

Usage

dependencies {
    implementation 'com.github.pengrad:mapscaleview:1.4.2'
}

Include in layout file over map

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment
        android:id="@+id/mapFragment"
        class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <com.github.pengrad.mapscaleview.MapScaleView
        android:id="@+id/scaleView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="4dp"/>
</FrameLayout>

With miles or custom style

<com.github.pengrad.mapscaleview.MapScaleView
        android:id="@+id/scaleView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="4dp"
        app:scale_color="#009"
        app:scale_miles="true"
        app:scale_outline="true"
        app:scale_strokeWidth="3dp"
        app:scale_textSize="20sp"
        app:scale_expandRtl="true"/>

Update on map changed

MapScaleView scaleView = (MapScaleView) findViewById(R.id.scaleView);
CameraPosition cameraPosition = map.getCameraPosition();
// need to pass zoom and latitude
scaleView.update(cameraPosition.zoom, cameraPosition.target.latitude);

Full example with subscribing to map events and updating scale view

@Override
public void onMapReady(GoogleMap googleMap) {
    map = googleMap;
    googleMap.setOnCameraMoveListener(this);
    googleMap.setOnCameraIdleListener(this);
    googleMap.setOnCameraChangeListener(this);
}

@Override
public void onCameraMove() {
    CameraPosition cameraPosition = map.getCameraPosition();
    scaleView.update(cameraPosition.zoom, cameraPosition.target.latitude);
}

@Override
public void onCameraIdle() {
    CameraPosition cameraPosition = map.getCameraPosition();
    scaleView.update(cameraPosition.zoom, cameraPosition.target.latitude);
}

@Override
public void onCameraChange(CameraPosition cameraPosition) {
    scaleView.update(cameraPosition.zoom, cameraPosition.target.latitude);
}

Customization

mapScaleView.setColor(@ColorInt int color)
mapScaleView.setTextSize(float textSize)
mapScaleView.setStrokeWidth(float strokeWidth)

// enable/disable white outline
mapScaleView.setOutlineEnabled(boolean enabled)

mapScaleView.metersAndMiles() // default
mapScaleView.metersOnly()
mapScaleView.milesOnly()

// expand scale bar from right to left
mapScaleView.setExpandRtlEnabled(true)