美文网首页Android开发
Android-百度地图自定义多气泡覆盖物

Android-百度地图自定义多气泡覆盖物

作者: kecai | 来源:发表于2016-11-10 20:47 被阅读1429次

    这个技术前几年是挺火的,现在也几乎很少app会用到了,但是类似的都可以参考的。

    大概和上面的展示一样,要实现多个气泡覆盖物,而且点击时候怎么判断是点击哪几个呢?或者获取某个信息呢!?

    大家都知道上面是点击marker的点击方法,那么marker怎么区分呢??下面我们一起来解决这个问题!

    首先:我们要自定义一个气泡的xml,想必上边的气泡xml应该比较简单,我这里就不实现了,就用textview来代替

    TextView textView = new TextView(getContext());

    textView.setText("自定义的覆盖物");

    textView.setTextSize(16);

    //将View转换为BitmapDescriptor

    BitmapDescriptor descriptor =  BitmapDescriptorFactory.fromView(textView);

    在这我还得强调下: BitmapDescriptor 除了fromView()这个方法之后,百度api 还提供有fromResource(R.drawable.icon_marka)和fromBitmap(Bitmap),我们可以进行把view封装为Bitmap进行放入其中,下面提供view转换为Bitmap的方法

    private Bitmap getViewBitmap(View addViewContent) {

    addViewContent.setDrawingCacheEnabled(true);

    addViewContent.measure(

    View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),

    View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));

    addViewContent.layout(0, 0,

    addViewContent.getMeasuredWidth(),

    addViewContent.getMeasuredHeight());

    addViewContent.buildDrawingCache();

    Bitmap cacheBitmap = addViewContent.getDrawingCache();

    Bitmap bitmap = Bitmap.createBitmap(cacheBitmap);

    return bitmap;

    }

    上面得到 BitmapDescriptor 之后 然后我们根据不同的经纬度加入到其中 ,多个气泡可以传入 集合list,

    //构建MarkerOption,用于在地图上添加Marker

    OverlayOptions option =new  MarkerOptions().position(point).icon(descriptor);

    //在地图上添加Marker,并显示

    Marker mMarkerA = (Marker)mBaiduMap.addOverlay(option);

    那么问题来了,如果要我们点击某一个气泡,并且在之前List里面取数据取显示呢?咋办呢?开始很多人想,把上面的每一个mMarkerA,也放在集合里面,每个给他一个flage标志,然后遍历判断是否是当前的。然后再取数据进行点击传递。如果这样做那么大家就绕弯路了,开始我也是这样的。如果大家留意会发现 Marker 提供给大家一个方法对我们android 开发很熟悉的Marker.setExtraInfo(bundle).. 那么我们可以把所有点击的信息绑定再当前的Marker里面。


    点击之后我们只需要  LegWorkDetailBean entity =(LegWorkDetailBean) marker.getExtraInfo().get("info");

    这样就可以获取到点击当前的某个气泡的具体信息了!

    总结,写得不太清楚,有点乱,希望对大家有用,谢谢!

    相关文章

      网友评论

        本文标题:Android-百度地图自定义多气泡覆盖物

        本文链接:https://www.haomeiwen.com/subject/ppmxpttx.html