Skobbler tail image image incorrectly displayed Android SDK 2.5.1

Question

I have a code that adds a visual representation of a custom annotation that will be displayed whenever my Skobbler image is selected for annotation.

@Override public void onAnnotationSelected(final SKAnnotation annotation) { ... mapPopup = mapHolder.getCalloutView(); // set the callout view's background color mapPopup.setViewColor(Color.WHITE); View view = getLayoutInflater().inflate(R.layout.map_callout, null); ... mapPopup.setCustomView(view); // setting 2nd parameter to 'true' will cause tail to be displayed mapPopup.showAtLocation(annotation.getLocation(), true); ... } 

I also request in a call to showAtLocation() that the showAtLocation() view is displayed with a tail image. However, when I test the application, I see that the tail appears at the top of my map_surface_holder RelativeLayout container, and not at the bottom of the FrameLayout container, which displays the callout popup.

When I pan the map, I see that the tail view moves left and right relative to the leader view movement, but it remains aligned to the top of the map_surface_holder container, never moving up or down.

Do I need to add code somewhere to make the representation of the tail image aware of where it should be placed in the Y-axis of the RelativeLayout container?

I tried adding a call to mapPopup.setVerticalOffset(offset) to see if this affected it, but the tail image remained locked at the top of the screen.

Another difference that I could see between my custom callout view and the standard one provided by Skobbler is that the standard view is a RelativeLayout container and my implementation is FrameLayout. However, I'm not sure if that matters, because the Tail ImageView here is added to the parent of my leader view, and not as a child.

Thanks in advance for any help on this, and let me know if any additional information will be helpful.

Thanks!

Answer 1

We tried to reproduce the problem with 2.5.1 and 3.X - but we could not.

Here is the code we used:

 //MapActivity @Override onCreate(Bundle savedInstanceState) { … LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); mapPopup = mapViewGroup.getCalloutView(); View view = inflater.inflate(R.layout.layout_popup, null); popupTitleView = (TextView) view.findViewById(R.id.top_text); popupDescriptionView = (TextView) view.findViewById(R.id.bottom_text); mapPopup.setCustomView(view); … } @Override public void onAnnotationSelected(final SKAnnotation annotation) { if (navigationUI.getVisibility() == View.VISIBLE) { return; } // show the popup at the proper position when selecting an // annotation int annotationHeight = 0; float annotationOffset = annotation.getOffset().getY(); switch (annotation.getUniqueID()) { case 10: annotationHeight =(int) (64 * getResources().getDisplayMetrics().density); popupTitleView.setText("Annotation using texture ID "); popupDescriptionView.setText(null); break; case 11: annotationHeight = customView.getHeight(); popupTitleView.setText("Annotation using custom view"); popupDescriptionView.setText(null); break; } mapPopup.setVerticalOffset(-annotationOffset + annotationHeight / 2); mapPopup.showAtLocation(annotation.getLocation(), true); } 

//layout_popup.xml

 <ImageView android:id="@+id/left_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:clickable="true" android:padding="5dp" android:src="@drawable/icon_map_popup_navigate" /> <LinearLayout android:id="@+id/mid_layout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_toRightOf="@id/left_image" android:orientation="vertical" android:paddingBottom="5dp" android:paddingRight="5dp" android:paddingTop="5dp" android:weightSum="1" > <TextView android:id="@+id/top_text" android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="Title text" android:textColor="@color/black" android:textSize="18dp" android:textStyle="bold" /> <TextView android:id="@+id/bottom_text" android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:linksClickable="true" android:text="Subtitle text" android:textColor="@color/black" android:textSize="14dp" /> </LinearLayout>