definir chamada de imagem mapbox android
Pergunta
no iOS, você pode facilmente definir um texto explicativo para seus marcadores chamando:
[marker setCanShowCallout:YES];
[marker setRightCalloutAccessoryView:YOUR_BUTTON];
Mas eu não consigo encontrar essa funcionalidade para o Mapbox SDK do Android.Eu tenho um ouvinte agora que detecta os toques na calloutview mas como eu posso definir uma chamada de imagem / botão?
Marker marker = new Marker(p.getTitle(), p.getCatagoryName(), new LatLng(p.getLatitude(), p.getLongitude()));
marker.setMarker(getResources().getDrawable(getResources().getIdentifier(string, "drawable", getActivity().getPackageName())));
mMapView.addMarker(marker);
InfoWindow toolTip = marker.getToolTip(mMapView);
View view = toolTip.getView();
// view.setBackgroundResource(R.drawable.callout_button); THIS DOES NOT WORK
view.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
Log.e(TAG, "onTouch");
return true;
}
});
Solução
ryansh excelente resposta que eu incluir os TextViews com ids tooltip_title e tooltip_description no layout personalizado.Eu também tive que adicionar um terceiro tooltip_subdescription TextView.O padrão InfoWindow código assume que esses modos de existir e irá falhar se eles não.Para mais controle, eu estendido InfoWindow, atropelaram 'aoabrir' e foi capaz de usar qualquer layout que eu queria para a dica de ferramenta.Para o substituído createTooltip no estendida Marcador de classe, eu, naturalmente, instanciado e devolveu o meu InfoWindow objeto.
Atualização.Aqui está um exemplo de ampliar o Marcador & InfoWindow para suporte personalizado descrição:
public class MapboxMarker extends Marker {
private MyInfoWindow mInfoWindow;
public class MyInfoWindow extends InfoWindow {
public MyInfoWindow(int layoutResId, MapView mapView) {
super(layoutResId, mapView);
}
public void onOpen(Marker overlayItem) {
//
// Set data on mInfoWindow.getView()
//
}
}
public MapboxMarker(MapView mv, LatLng aLatLng, MapController mapController){
super(mv, "Title", "Description", aLatLng);
}
@Override
protected InfoWindow createTooltip(MapView mv) {
mInfoWindow = new MyInfoWindow(R.layout.custom_tooltip_layout, mv);
return mInfoWindow;
}
}
Outras dicas
Você vai ter que construir essa funcionalidade si mesmo, mas na verdade é bastante fácil de realizar por definir um Marcador e a Dica de ferramenta de Layout.
Comece por definir a Descrição de layout.Ele tem de ser um RelativeLayout, obviamente, para posicionar o texto explicativo da imagem.Definir o contexto para qualquer que seja a Atividade é a criação de marcadores.O TipView na parte inferior deve ser incluído, porque ele controla o dimensionamento da Dica de ferramenta personalizada.
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:background="@color/white"
android:id="@+id/parent_layout"
android:padding="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
tools:context="com.XXX.MainActivity">
<TextView
android:id="@+id/tooltip_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/black"
android:textSize="18sp"
android:maxEms="17"
android:layout_gravity="left"
android:layout_weight="1"
android:text="@string/toolTipTitle"/>
<TextView
android:id="@+id/tooltip_description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/black"
android:textSize="14sp"
android:maxEms="17"
android:text="@string/toolTipDescription"
android:layout_below="@+id/tooltip_title"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/marker_about"
android:src="@drawable/ic_action_about"
android:layout_toEndOf="@+id/tooltip_description"
android:layout_toRightOf="@+id/tooltip_description"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:layout_marginLeft="10dp" />
<com.mapbox.mapboxsdk.views.TipView
android:layout_width="132dp"
android:layout_height="10dp"/>
</RelativeLayout>
Em seguida, crie um personalizado de Marcador de classe e substituir o createTooltip de método para retornar um InfoWindow com o novo layout:
public class CustomMarker extends Marker {
public CustomMarker(MapView mv, String aTitle, String aDescription, LatLng aLatLng){
super(mv, aTitle, aDescription, aLatLng);
}
@Override
protected InfoWindow createTooltip(MapView mv) {
return new InfoWindow(R.layout.custom_tooltip, mv);
}
}
Isso não deve alterar qualquer outra funcionalidade, de modo que o código continua a funcionar.Basta alterar o Marcador para a classe personalizada nome e você deve ser definido.
EDITAR:Aqui está o código que realmente define o CustomMarker e InfoWindow com o meu mapa.Você pode ver que eu estou lançando outra atividade por clique e que eu tenho um Ícone personalizado para o marcador, mas isso não é necessário:
CustomMarker m =
new CustomMarker(mv, report.issue, report.getFormattedDateString(), latLng);
m.setIcon(new Icon(this, Icon.Size.LARGE, "oil-well", "FF0000"));
//get the InfoWindow's view so that you can set a touch listener which will switch
//to the marker's detailed view when clicked
final InfoWindow infoWindow = m.getToolTip(mv);
View view = infoWindow.getView();
view.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
//make sure to choose action down or up, otherwise the intent will launch twice
if(motionEvent.getAction() == MotionEvent.ACTION_DOWN){
startActivity(intent);
//close the InfoWindow so it's not still open when coming back to the map
infoWindow.close();
}
return true;
}
});
mv.addMarker(m);
Eu também estou usando o SDK 0.5.0-INSTANTÂNEO.Eu não tenho certeza se isso vai funcionar em versões mais antigas do SDK.