How to implement current location blue icon in Here Map

Question

I am working with the Here Map SDK and I need to show a blue icon with circle animation for current location like in image.

Can anyone tell me how to do it.

Right now I have code which sets the icon only which is blue dot. I don't know how to add circle animation to it.

Note that the mMap reference is a Map object from the Here Android SDK.

 mMap.getPositionIndicator().setVisible(true);
                    mMap.getPositionIndicator().setZIndex(0);
                    mMap.setZoomLevel(15);
                    mMap.getPositionIndicator().setAccuracyIndicatorVisible(true);
                    mMap.getPositionIndicator().setMarker(createImage(R.drawable.ic_location_dot));

score 4 · Answer 1 · answered Jul 12 '17 at 03:38

Try this one:

mMap.setMyLocationEnabled(true);

It enables or disables the my-location layer. While enabled and the location is available, the my-location layer continuously draws an indication of a user's current location and bearing, and displays UI controls that allow a user to interact with their location (for example, to enable or disable camera tracking of their location and bearing).

Much better if you place it under:

@Override
public void onMapReady(GoogleMap googleMap) {

}

saw "Here" maps in the title, still came here (I was in need of a solution for Google Maps). Worth it!! — Ishaan Kumar, Aug 11 '20 at 19:31

score 1 · Answer 2 · answered Jul 23 '19 at 08:00

You can control the HERE Maps current location icon through com.here.android.mpa.mapping.PositionIndicator class.

Its instance is kept in com.here.android.mpa.mapping.MapView that might be wrapped in a fragment like com.here.android.mpa.mapping.SupportMapFragment.

Examples:

mapFragment.getPositionIndicator().setVisible(true)
mapView.getPositionIndicator().setAccuracyIndicatorVisible(true)

score 0 · Answer 3 · answered Jul 11 '17 at 21:23

For javascript you can use

map.addObject(new H.map.Circle(
// The central point of the circle
{lat:28.6071, lng:77.2127},
// The radius of the circle in meters
1000,
{
  style: {
    strokeColor: 'rgba(55, 85, 170, 0.6)', // Color of the perimeter
    lineWidth: 2,
    fillColor: 'rgba(0, 128, 0, 0.1)'  // Color of the circle
  }
}
));

There should be a similar implementation for android.

score 0 · Answer 4 · answered Jul 12 '17 at 06:21

I have tested this code successfully and call addPulsatingEffect(Location userLocation) method with user's current location.

private Circle lastUserCircle;
private static final long PULSE_DURATION = 2000;
private static final float RADIUS = 200.0f;
private ValueAnimator lastPulseAnimator;

private void addPulsatingEffect(Location userLocation){

final LatLng userLatlng = new LatLng(userLocation.getLatitude(), userLocation.getLongitude());

if(lastPulseAnimator != null){
    lastPulseAnimator.cancel();
}

if(lastUserCircle != null) {
    lastUserCircle.setCenter(userLatlng);
}

lastPulseAnimator = valueAnimate(RADIUS, new ValueAnimator.AnimatorUpdateListener() {

    @Override
    public void onAnimationUpdate(ValueAnimator animation) {

        if(lastUserCircle != null)
            lastUserCircle.setRadius((Float) animation.getAnimatedValue());
        else {
            lastUserCircle = mMap.addCircle(new CircleOptions()
                    .center(userLatlng)
                    .radius((Float) animation.getAnimatedValue())
                    .strokeColor(Color.BLUE)
                    .strokeWidth(4.0f));
        }
    }
});
}

protected ValueAnimator valueAnimate(float radius, ValueAnimator.AnimatorUpdateListener updateListener){

ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, radius);
valueAnimator.setDuration(PULSE_DURATION);
valueAnimator.addUpdateListener(updateListener);
valueAnimator.setRepeatCount(ValueAnimator.INFINITE);
valueAnimator.setRepeatMode(ValueAnimator.RESTART);

valueAnimator.start();
return valueAnimator;
}

I couldnt find many of the classes like Circle, LatLng, addCircle method for map etc. i am using here map and mMap is Map object for me. — djk, Jul 12 '17 at 13:37
yes bro, "mMap" is a object of "com.google.android.gms.maps.GoogleMap", "Circle" is a object of "com.google.android.gms.maps.model.Circle", "LatLng" class is a object of "com.google.android.gms.maps.model.LatLng". Try with importing those classes. It will work definitely... — Amila, Jul 13 '17 at 12:57
I am working with Here Map SDK. thats why this is not working for me — djk, Jul 14 '17 at 18:12

score 0 · Answer 5 · answered Jul 14 '17 at 06:09

For this use case, it is better to write your own position indicator.

Three things to do: 1: Register for PositioningManager callbacks which relay the updated position to your code. 2: Create a MapMarker with your desired image and add it to the map. 4: Create a MapCircle with the desired color and add it to the map. The radius for the circle should be set to the accuracy parameter of the Positioning Manager callback.

The logic to do this is to update the radius of the MapCircle, as well as update the GeoCoordinate of both the MapMarker and MapCircle whenever a new position is received from PositioningManager.

You can be fancy and add animations by using Timers and such to animate any accuracy changes.

score 0 · Answer 6 · edited Jul 18 '17 at 07:29

0

Enabling MyLocation Layer of Google Map

googleMap.setMyLocationEnabled(true);

edited Jul 18 '17 at 07:29

Shreeya Chhatrala

1,441
18
33

answered Jul 17 '17 at 07:16

Mukesh Kumar Swami

393
3
10

http://wptrafficanalyzer.in/blog/showing-current-location-in-google-maps-using-api-v2-with-supportmapfragment/ – Mukesh Kumar Swami Jul 17 '17 at 07:17
refer this link – Mukesh Kumar Swami Jul 17 '17 at 07:17
1

this question is about here maps and not google maps – luckyhandler May 10 '20 at 09:15

score 0 · Answer 7 · answered Jul 18 '17 at 04:58

/* create a MarkerOptions */
MarkerOptions mOptions = new MarkerOptions();

/* create a MarkerInfoAdapter */
MarkerInfoAdapter infoAdapter = new MarkerInfoAdapter(MapsActivity.this.getLayoutInflater());

/* set MarkerInfoAdapter into your Map object */
MapFragment googleMap = FragmentManager.FindFragmentById<MapFragment> (Resource.Id.map);

/* get the GoogleMap object */
GoogleMap myMap = googleMap.getMapAsync(this);

/* set myMap type */
myMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);

/* set the MarkerInfoAdapter */
myMap.clear(); /* 
myMap.setInfoWindowAdapter(infoAdapter);


/* you must have your current location's LatLng  */
mOptions.position(currentLatLng); /* reach the position of the LatLng for that mark */

/* set the icon for your current location using BitmapDescriptorFactory */
mOptions.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_BLUE));
myMap.addMarker(mOptions);

/* modify your marker icon to HUE_BLUE */                       mOptions.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_BLUE));

score 0 · Answer 8 · answered Feb 28 '18 at 04:16

I had the same problem as you and after two weeks of try all kind of options, this lines of code worked for me so yo can show the "blue icon"

m_map.setCenter(new GeoCoordinate(latitudeGPS, longitudeGPS, 0.0),Map.Animation.NONE);
                m_mapFragment.getPositionIndicator().setVisible(true);
                m_map.getPositionIndicator().setAccuracyIndicatorVisible(true);
                Log.d("initialize bolita", "" + 1.1 );
                PositioningManager.getInstance().start(PositioningManager.LocationMethod.GPS_NETWORK);m_map.addMapObject(m_positionIndicatorFixed);

Make sure you have requested all the permissions on your manifest.

How to implement current location blue icon in Here Map

8 Answers8

Linked