高德地图同时显示多个InfoWindow效果

前言:最近要实现在多个marker上分别添加InfoWindow并同时显示,效果如下图,可是使用高德提供的InfoWindow只是在点击某个marker显示当前的InfoWindow无法同时显示。

方案:通过自定义marker的icon实现,具体代码如下:

private fun createMarker(latLng: LatLng, title: String, icon: Int): MarkerOptions {
        val view = layoutInflater.inflate(R.layout.layout_marker, null)
        view.titleTv.text = title
        view.iconIv.imageResource = icon

        val markIcon = BitmapDescriptorFactory.fromView(view)
        return MarkerOptions().position(latLng).icon(markIcon)
}

layout_marker布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    <TextView
            android:id="@+id/titleTv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            tools:text="距发货点1.2km"
            android:textColor="@color/text_normal"
            android:textSize="@dimen/text_small_size"
            android:background="@drawable/icon_marker_info"
            android:paddingLeft="8dp"/>
    <ImageView
            android:id="@+id/iconIv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@+id/titleTv"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            tools:src="@drawable/icon_mark_sender"/>
</androidx.constraintlayout.widget.ConstraintLayout>

附InfoWindow背景.9图

附InfoWindow背景点九图

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值