Android Arcgis入门、Callout气泡的显示

痛定思痛。 2023-02-23 08:07 32阅读 0赞

一、气泡的简单显示  
首先我们要获取MapView中的气泡，通过MapView的getCallout()方法获取一个气泡。看一下Callout的简单介绍：

大体的意思是通过MapView获取Callout，可以设置它的内容View，大小，显示的方位等。  
写一个简单的测试：

public class MainActivity extends Activity {
    
        private MapView mapView;
        private static final String TILED_WORLD_STREETS_URL = "http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer";
        private Callout callout;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            mapView = (MapView) findViewById(R.id.map_view);
            //添加一个基础的底图
            mapView.addLayer(new ArcGISTiledMapServiceLayer(TILED_WORLD_STREETS_URL));
            //地图点击事件
            mapView.setOnSingleTapListener(new OnSingleTapListener() {
    
                @Override
                public void onSingleTap(float x, float y) {
                    //屏幕坐标转地图坐标
                    Point point = mapView.toMapPoint(x,y);
                    //设置显示位置
                    callout.show(point);
                }
            });
    
            initCallout();
        }
    
        private void initCallout() {
            //获取一个气泡
            callout = mapView.getCallout();
            //设置最大的长宽
            callout.setMaxWidth(1200);
            callout.setMaxHeight(300);
            TextView tv = new TextView(this);
            tv.setText("这是一个气泡");
            callout.setContent(tv);
    
            CalloutStyle calloutStyle = new CalloutStyle();
            //设置尖尖角的位置，尖尖显示在气泡的左下角，
            calloutStyle.setAnchor(Callout.ANCHOR_POSITION_LOWER_LEFT_CORNER);
            callout.setStyle(calloutStyle);
        }
    }

显示的效果图如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NoZW5feGlhb2Jhbw_size_16_color_FFFFFF_t_70_pic_center]

二、通过xml方式设置Callout的Style  
新建一个xml放在res/xml下，例如：

<?xml version="1.0" encoding="utf-8"?>
      <resources>
          <calloutViewStyle
              anchor="5"
              backgroundAlpha="255"
              backgroundColor="#ffffff"
              cornerCurveDp="20"
              frameColor="#000000"
              maxHeightDp="300"
              maxWidthDp="500" />
          </resources>

只需调用callout.setStyle方法来设置。  
————————————————  
原文链接：https://blog.csdn.net/Gary\_\_123456/article/details/71436844

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NoZW5feGlhb2Jhbw_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20200706100949641.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NoZW5feGlhb2Jhbw==,size_16,color_FFFFFF,t_70#pic_center