文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么在Android中利用marker自定义一个弹框窗口

2023-06-14 19:32

关注

怎么在Android中利用marker自定义一个弹框窗口?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

Android是什么

Android是一种基于Linux内核的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由美国Google公司和开放手机联盟领导及开发。

gradle里添加高德地图依赖

implementation 'com.amap.api:map2d:latest.integration'//2d地图功能 implementation 'com.amap.api:location:latest.integration'//定位功能

如果要用到定位的话,就首先到高德控制台里面加入本应用的信息获取到key,再在Application里设置key,并在AndroidManifest.xml中应用MainApp

public class MainApp extends android.app.Application {     @Override    public void onCreate() {        super.onCreate();        //高德地图注册        AMapLocationClient.setApiKey("0f1d26a891783cc4d632965a7cc08443");    } }
<manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.hk.testapplication">    <uses-permission android:name="android.permission.INTERNET" /> <!-- 访问网络权限 -->    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <!-- 用于访问GPS定位 -->    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />    <application        android:name=".MainApp"        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        android:supportsRtl="true"        android:theme="@style/Theme.TestApplication">        <activity android:name=".MainActivity">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                 <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application> </manifest>

创建activity_main.xml地图布局文件

<?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="match_parent"    android:layout_height="match_parent"    tools:context=".MainActivity">     <com.amap.api.maps2d.MapView        android:id="@+id/mapview"        android:layout_width="match_parent"        android:layout_height="match_parent">    </com.amap.api.maps2d.MapView> </androidx.constraintlayout.widget.ConstraintLayout>

 4. MainActivity里加载地图,添加marker

@Overrideprotected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mMapView = findViewById(R.id.mapview);        mMapView.onCreate(savedInstanceState);// 此方法必须重写        mMap = mMapView.getMap();        initPoint(30.665534,104.070929);   //地图中心点位        initMarker();//测试点位    }        private void initMarker() {        mMarkers = new ArrayList<>();         //绘制marker  实际使用时会循环创建marker并填入数据        Marker marker = mMap.addMarker(new MarkerOptions()                .anchor(0.5f, 0.5f)                .position(new LatLng(30.665534,104.070929))                .title("数据")                .snippet("消息数据")                .icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory                        .decodeResource(getResources(), R.mipmap.ic_launcher_round))));//点位图标        mMarkers.add(marker);    }        private void initPoint(double latitude, double Longitude) {        LatLng marker1 = new LatLng(latitude, Longitude);        mMap.moveCamera(CameraUpdateFactory.changeLatLng(marker1));        mMap.moveCamera(CameraUpdateFactory.zoomTo(12));    }          @Override    public void onResume() {        super.onResume();        if (mMapView != null)            mMapView.onResume(); //管理地图的生命周期    }     @Override    public void onPause() {        super.onPause();        if (mMapView != null)            mMapView.onPause(); //管理地图的生命周期    }     @Override    public void onDestroy() {        super.onDestroy();        if (mMapView != null)            mMapView.onDestroy(); //管理地图的生命周期    }  }

添加弹框自定义布局view_map_infowindow.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="horizontal"    android:layout_width="match_parent"    android:layout_height="50dp"    android:minHeight="50dp"    android:minWidth="100dp"    android:background="#ffff"    android:gravity="center"    ><ImageView    android:id="@+id/iv_left"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:src="@mipmap/ic_launcher"/>    <TextView        android:layout_marginLeft="10dp"        android:layout_marginRight="10dp"        android:id="@+id/tv_msg"        android:text="自定义布局"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <ImageView        android:id="@+id/iv_right"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@mipmap/ic_launcher"/>

记得设置布局最小高度和宽度,不然窗口会默认宽度高度,会使布局显示不完整

添加自定义弹框窗口adapter

public class MapInfoWinAdapter implements AMap.InfoWindowAdapter, View.OnClickListener {    private Context mContext;    private LatLng latLng;    private TextView mTvMsg;    private ImageView mIvLeft,mIvRight;    private String mSnippet,mTitle;    @Override    public View getInfoWindow(Marker marker) {        initData(marker);        View view = initView();        return view;    }    @Override    public View getInfoContents(Marker marker) {        return null; //因为是自定义的布局,返回null    }    public MapInfoWinAdapter(Context context) {        mContext = context;    }    private void initData(Marker marker) {        //当前点位经纬度        latLng = marker.getPosition();        //当前点位带的消息信息  也可通过这个传输数据把数据转成json        mSnippet = marker.getSnippet();        //当前点位带的信息        mTitle = marker.getTitle();    }    @NonNull    private View initView() {        //获取自定义的布局        View view = LayoutInflater.from(mContext).inflate(R.layout.view_map_infowindow, null);        mTvMsg = (TextView) view.findViewById(R.id.tv_msg);        mIvLeft= (ImageView) view.findViewById(R.id.iv_left);        mIvRight= (ImageView) view.findViewById(R.id.iv_right);        mTvMsg.setText("我是自定义布局弹框");        mIvLeft.setOnClickListener(this);        mIvRight.setOnClickListener(this);        return view;    }    @Override    public void onClick(View v) {        switch (v.getId()){            case R.id.iv_left:                Toast.makeText(mContext,"我是左边按钮点击事件",Toast.LENGTH_SHORT).show();                break;            case R.id.iv_right:                Toast.makeText(mContext,"我是右边按钮点击事件",Toast.LENGTH_SHORT).show();                break;        }     }}

地图绑定adapter

//重要 创建自定义适配器MapInfoWinAdapter adapter = new MapInfoWinAdapter(this);mMap.setInfoWindowAdapter(adapter);//设置自定义窗口adapter

现在点击marker就会弹出我们自定义的布局了

点击地图或弹框关闭弹框窗口

mMap.setOnInfoWindowClickListener(this);//弹框窗口点击事件   mMap.setOnMapClickListener(this);//地图点击事件     @Override    public void onMapClick(LatLng latLng) {        //点击地图区域关闭所有窗口        for (Marker marker : mMarkers) {            marker.hideInfoWindow();        }    }    @Override    public void onInfoWindowClick(Marker marker) {        if (marker.isInfoWindowShown()) {            marker.hideInfoWindow();//再次点击窗口就隐藏窗口        }    }

到此自定义弹框窗口就完成了,以下为完整MainActivity代码

public class MainActivity extends AppCompatActivity implements AMap.OnInfoWindowClickListener, AMap.OnMapClickListener {    private AMap mMap;    private List<Marker> mMarkers;    private MapView mMapView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mMapView = findViewById(R.id.mapview);        mMapView.onCreate(savedInstanceState);// 此方法必须重写        mMap = mMapView.getMap();        mMap.setOnMapClickListener(this);//地图点击事件        initPoint(30.665534,104.070929);   //地图中心点位        initMarker();//测试点位    }        private void initMarker() {        mMarkers = new ArrayList<>();        //重要 创建自定义适配器        MapInfoWinAdapter adapter = new MapInfoWinAdapter(this);        mMap.setInfoWindowAdapter(adapter);//设置自定义窗口adapter        mMap.setOnInfoWindowClickListener(this);         //绘制marker  实际使用时会循环创建marker并填入数据        Marker marker = mMap.addMarker(new MarkerOptions()                .anchor(0.5f, 0.5f)                .position(new LatLng(30.665534,104.070929))                .title("数据")                .snippet("消息数据")                .icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory                        .decodeResource(getResources(), R.mipmap.ic_launcher_round))));//点位图标        mMarkers.add(marker);    }        private void initPoint(double latitude, double Longitude) {        LatLng marker1 = new LatLng(latitude, Longitude);        mMap.moveCamera(CameraUpdateFactory.changeLatLng(marker1));        mMap.moveCamera(CameraUpdateFactory.zoomTo(12));    }    @Override    public void onMapClick(LatLng latLng) {        //点击地图区域关闭所有窗口        for (Marker marker : mMarkers) {            marker.hideInfoWindow();        }    }    @Override    public void onInfoWindowClick(Marker marker) {        if (marker.isInfoWindowShown()) {            marker.hideInfoWindow();//再次点击窗口就隐藏窗口        }    }     @Override    public void onResume() {        super.onResume();        if (mMapView != null)            mMapView.onResume(); //管理地图的生命周期    }     @Override    public void onPause() {        super.onPause();        if (mMapView != null)            mMapView.onPause(); //管理地图的生命周期    }     @Override    public void onDestroy() {        super.onDestroy();        if (mMapView != null)            mMapView.onDestroy(); //管理地图的生命周期    }  }

看完上述内容,你们掌握怎么在Android中利用marker自定义一个弹框窗口的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯