ArcGIS Runtime SDK For Android 10.2.x版本之地图弹框Callout

一、介绍

主要调用的是com.esri.android.map.Callout类。具体使用方式大体如下：

1、获取到MapView的Callout组件，一个MapView只有一个Callout（可参看源码）

2、定义Callout的样式，通过setStyle方法

3、设置Callout的界面布局

4、在指定点位显示Callout组件

二、效果图如下

三、代码示例

1、java代码如下

/*** 初始化地图点击查询弹框* @param feature 查询到的要素* @param identifyPoint Callout显示的位置*/private final void initMapViewCallout(Feature feature, Point identifyPoint) {    try {        Callout callout = mMapView.getCallout();        callout.setStyle(R.xml.calloutstyle);        callout.setContent(createCallOutContent(feature));        if (mMapView.getCallout().isShowing()) {            mMapView.getCallout().hide();        }        //控制弹框位置        if (feature.getGeometry().getType() == Geometry.Type.POINT) {            Point point = (Point) feature.getGeometry();            mMapView.getCallout().show(point);        } else if (feature.getGeometry().getType() == Geometry.Type.POLYLINE) {            Point point = GeometryEngine.getNearestCoordinate(feature.getGeometry(), identifyPoint, false).getCoordinate();            mMapView.getCallout().show(point);        } else if (feature.getGeometry().getType() == Geometry.Type.POLYGON) {            if (GeometryEngine.contains(feature.getGeometry(), identifyPoint, mMapView.getSpatialReference())) {                mMapView.getCallout().show(identifyPoint);            } else {                Point point = GeometryEngine.getNearestCoordinate(feature.getGeometry(), identifyPoint, false).getCoordinate();                mMapView.getCallout().show(point);            }        }    } catch (Exception e) {        mMapView.getCallout().animatedHide();        e.printStackTrace();    }}private View createCallOutContent(Feature feature) {    LayoutInflater layoutInflater = LayoutInflater.from(this);    View calloutView = layoutInflater.inflate(R.layout.callout, null);    ListView listView = (ListView) calloutView.findViewById(R.id.callout_listview);    SimpleAdapter adapter = new SimpleAdapter(this, getCallOutData(feature), R.layout.callout_item,            new String[]{"key", "value"},            new int[]{R.id.key, R.id.value});    listView.setAdapter(adapter);    return calloutView;}private List<Map<String, Object>> getCallOutData(Feature feature) {    List<Map<String, Object>> list = new ArrayList<>();    Set set = feature.getAttributes().entrySet();    Iterator it = set.iterator();    while (it.hasNext()) {        Map.Entry entry = (Map.Entry) it.next();        if (entry.getKey().toString().indexOf("Shape") != -1 || entry.getKey().toString().indexOf("OBJECTID") != -1)            continue;        Map<String, Object> map = new HashMap<>();        map.put("key", entry.getKey().toString());        map.put("value", entry.getValue().toString());        list.add(map);    }    return list;}

2、Callout的style样式如下

<?xml version="1.0" encoding="utf-8"?><resources>    <calloutViewStyle>        titleTextColor="#000000"      <!-- 标题颜色 -->        titleTextSize = 10;          <!-- 标题文字大小 -->        titleTextStyle = 0;          <!-- 字体样式 -->        titleTextTypeFace = 0;        <!-- 字体类型设置 -->        backgroundColor="#ffffff"    <!-- Callout背景颜色 -->        backgroundAlpha="230"        <!-- Callout透明度 -->        frameColor="#E8E8E6"        <!-- 边框颜色 -->        flat="true"                  <!-- true表示2D图形，false表示3D图形 -->        cornerCurve="0"             <!-- 边框的角的圆润程度 -->        anchor="8"                  <!-- 锚点的位置-->    </calloutViewStyle>               </resources>

3、Callout的布局文件如下

列表布局如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="260dp"    android:layout_height="130dp">    <ListView        android:id="@+id/callout_listview"        android:layout_width="260dp"        android:layout_height="130dp"></ListView></LinearLayout>

列表里的项目子布局如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="horizontal"    android:layout_width="260dp"    android:layout_height="wrap_content">    <TextView android:id="@+id/key"        android:layout_width="130dp"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:gravity="center"        android:textSize="22sp" />    <TextView android:id="@+id/value"        android:layout_width="130dp"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:gravity="center"        android:textSize="18sp" /></LinearLayout>