腾讯地图SDK Android版开发 7 覆盖物示例1

2024-08-23 09:44

本文主要是介绍腾讯地图SDK Android版开发 7 覆盖物示例1,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

腾讯地图SDK Android版开发 7 覆盖物示例1

  • 前言
  • 界面布局
  • MapMarker类
    • 常量
    • 成员变量
    • 初始值
    • Marker点击事件
    • Marker拖拽事件
    • 创建覆盖物
    • 移除覆盖物
    • 设置属性
  • MapMarkerActivity类
    • 控件响应事件
  • 运行效果图

前言

文本介绍Marker的常用属性、交互和碰撞示例。

示例功能如下:

  • 可设置Marker点击、拖拽、透明、旋转、可见、平贴、碰撞和POI碰撞属性状态;
  • 在地图上创建多个满足上述属性状态的Marker;
  • 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="match_parent"android:layout_height="match_parent"tools:context=".MapMarkerActivity"><com.tencent.tencentmap.mapsdk.maps.TextureMapViewandroid:id="@+id/mapview"android:layout_width="match_parent"android:layout_height="0dp"app:layout_constraintBottom_toTopOf="@id/bottomView"app:layout_constraintTop_toTopOf="parent" /><androidx.appcompat.widget.LinearLayoutCompatandroid:id="@+id/bottomView"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintTop_toBottomOf="@id/mapview"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="@android:color/background_dark"android:gravity="center_horizontal"android:orientation="horizontal"android:paddingHorizontal="10dp"><CheckBoxandroid:id="@+id/clickable"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:checked="true"android:onClick="setMarkerFlag"android:text="点击"android:textColor="@color/white"android:textStyle="bold" /><CheckBoxandroid:id="@+id/draggable"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="setMarkerFlag"android:text="拖拽"android:textColor="@color/white"android:textStyle="bold" /><CheckBoxandroid:id="@+id/alpha"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="setMarkerFlag"android:text="透明"android:textColor="@color/white"android:textStyle="bold" /><CheckBoxandroid:id="@+id/rotate"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="setMarkerFlag"android:text="旋转"android:textColor="@color/white"android:textStyle="bold" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom|center"android:background="@android:color/background_dark"android:orientation="horizontal"android:paddingHorizontal="10dp"><CheckBoxandroid:id="@+id/visible"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:checked="true"android:onClick="setMarkerFlag"android:text="可见"android:textColor="@color/white"android:textStyle="bold" /><CheckBoxandroid:id="@+id/flat"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="setMarkerFlag"android:text="平贴"android:textColor="@color/white"android:textStyle="bold" /><CheckBoxandroid:id="@+id/joinCollision"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="setMarkerFlag"android:text="碰撞"android:textColor="@color/white"android:textStyle="bold" /><CheckBoxandroid:id="@+id/poiCollided"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:onClick="setMarkerFlag"android:text="POI碰撞"android:textColor="@color/white"android:textStyle="bold" /></LinearLayout></androidx.appcompat.widget.LinearLayoutCompat>
</androidx.constraintlayout.widget.ConstraintLayout>

MapMarker类

以下是MapMarker部分代码。

常量

static final String CLICKABLE = "Clickable";
static final String DRAGGABLE = "Draggable";
static final String ALPHA = "Alpha";
static final String ROTATE = "Rotate";
static final String VISIBLE = "Visible";
static final String FLAT = "Flat";
static final String JOIN_COLLISION = "JoinCollision";
static final String POI_COLLIDED = "PoiCollided";

成员变量

// 覆盖物列表
List<Removable> overlays = new ArrayList<>();
// 选中的状态
List<String> selectedFlags = new ArrayList<>();
// 坐标点集
List<LatLng> points = new ArrayList<>();

初始值

selectedFlags.add(CLICKABLE);
selectedFlags.add(VISIBLE);points.add(new LatLng(39.97923, 116.357428));
points.add(new LatLng(39.94923, 116.397428));
points.add(new LatLng(39.97923, 116.437428));
points.add(new LatLng(39.92353, 116.490705));

Marker点击事件

// 当 Marker 被点击时回调接口
map.setOnMarkerClickListener(new TencentMap.OnMarkerClickListener() {@Overridepublic boolean onMarkerClick(Marker marker) {// 自定义Marker被点击showToast("clickable marker");return true;}
});

Marker拖拽事件

// 当 Marker 被拖动时回调接口
map.setOnMarkerDragListener(new TencentMap.OnMarkerDragListener() {@Overridepublic void onMarkerDragStart(Marker marker) {// 当前手指按住Marker拖拽开始}@Overridepublic void onMarkerDrag(Marker marker) {// 当前手指按住Marker拖拽中}@Overridepublic void onMarkerDragEnd(Marker marker) {// 当前手指按住Marker拖拽结束// 拖拽完成后更新位置int index = overlays.indexOf(marker);if (index != -1) {LatLng latLng = marker.getPosition();points.set(index, new LatLng(latLng.latitude, latLng.longitude));}}
});

创建覆盖物

public void addMarkers() {int[] icons = BubbleIcons.Alphabet;for (int i = 0; i < points.size(); ++i) {// 构建Marker图标BitmapDescriptor bitmap = BitmapDescriptorFactory.fromResource(icons[i]);// 构建MarkerOption,用于在地图上添加MarkerMarkerOptions option = new MarkerOptions(points.get(i)).icon(bitmap);setOption(option, i, selectedFlags);// 在地图上添加Marker,并显示Marker marker = map.addMarker(option);if (selectedFlags.contains(CLICKABLE))marker.setClickable(true); // 设置Marker支持点击elsemarker.setClickable(false);overlays.add(marker);}
}private void setOption(MarkerOptions option, int i, List<String> flags) {if (flags.contains(DRAGGABLE))option.draggable(true); // 设置标注是否可以被拖动if (flags.contains(ALPHA))option.alpha(0.5f + 0.1f * i); // 设置标注的透明度if (flags.contains(ROTATE)) {option.rotation(30 * i); // 设置标注的旋转角度option.clockwise(false); // 旋转角度是否沿顺时针方向}if (flags.contains(VISIBLE))option.visible(true); // 设置标注是否可见elseoption.visible(false);if (flags.contains(FLAT))option.flat(true); // 设置是不是3D标注,3D标注会随着地图倾斜面倾斜// MarkerCollisionItem.NONE 不碰撞// MarkerCollisionItem.MARKER 其他Marker 仅在设置OverlayLevel.OverlayLevelAboveLabels时生效// MarkerCollisionItem.POI 底图POIif (flags.contains(JOIN_COLLISION) && flags.contains(POI_COLLIDED)) {option.collisionBy(MarkerCollisionItem.MARKER, MarkerCollisionItem.POI);}if (flags.contains(JOIN_COLLISION)) {option.collisionBy(MarkerCollisionItem.MARKER);}if (flags.contains(POI_COLLIDED)) {option.collisionBy(MarkerCollisionItem.POI);}
}

移除覆盖物

// 清除地图上所有的标注类(Marker、Polyline、Polygon,TileOverlay除外)
map.clearAllOverlays();// 从地图移除覆盖物
for (Removable overlay : overlays) {if (!overlay.isRemoved())overlay.remove();
}
overlays.clear();

设置属性

public void addFlag(String flag) {if (!selectedFlags.contains(flag))selectedFlags.add(flag);removeOverlay();addMarkers();
}public void removeFlag(String flag) {selectedFlags.remove(flag);removeOverlay();addMarkers();
}

MapMarkerActivity类

以下是MapMarkerActivity部分代码。

控件响应事件

public void setMarkerFlag(View view) {boolean checked = ((CheckBox) view).isChecked();int id = view.getId();String flag;if (id == R.id.clickable)flag = MapMarker.CLICKABLE;else if (id == R.id.draggable)flag = MapMarker.DRAGGABLE;else if (id == R.id.alpha)flag = MapMarker.ALPHA;else if (id == R.id.rotate)flag = MapMarker.ROTATE;else if (id == R.id.visible)flag = MapMarker.VISIBLE;else if (id == R.id.flat)flag = MapMarker.FLAT;else if (id == R.id.joinCollision)flag = MapMarker.JOIN_COLLISION;else if (id == R.id.poiCollided)flag = MapMarker.POI_COLLIDED;elsereturn;if (checked)mapMarker.addFlag(flag);elsemapMarker.removeFlag(flag);
}

运行效果图

在这里插入图片描述

这篇关于腾讯地图SDK Android版开发 7 覆盖物示例1的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1099027

相关文章

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》:本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

Android实现打开本地pdf文件的两种方式

《Android实现打开本地pdf文件的两种方式》在现代应用中,PDF格式因其跨平台、稳定性好、展示内容一致等特点,在Android平台上,如何高效地打开本地PDF文件,不仅关系到用户体验,也直接影响... 目录一、项目概述二、相关知识2.1 PDF文件基本概述2.2 android 文件访问与存储权限2.

使用Python实现全能手机虚拟键盘的示例代码

《使用Python实现全能手机虚拟键盘的示例代码》在数字化办公时代,你是否遇到过这样的场景:会议室投影电脑突然键盘失灵、躺在沙发上想远程控制书房电脑、或者需要给长辈远程协助操作?今天我要分享的Pyth... 目录一、项目概述:不止于键盘的远程控制方案1.1 创新价值1.2 技术栈全景二、需求实现步骤一、需求

Spring LDAP目录服务的使用示例

《SpringLDAP目录服务的使用示例》本文主要介绍了SpringLDAP目录服务的使用示例... 目录引言一、Spring LDAP基础二、LdapTemplate详解三、LDAP对象映射四、基本LDAP操作4.1 查询操作4.2 添加操作4.3 修改操作4.4 删除操作五、认证与授权六、高级特性与最佳

Spring Shell 命令行实现交互式Shell应用开发

《SpringShell命令行实现交互式Shell应用开发》本文主要介绍了SpringShell命令行实现交互式Shell应用开发,能够帮助开发者快速构建功能丰富的命令行应用程序,具有一定的参考价... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定义S

Android Studio 配置国内镜像源的实现步骤

《AndroidStudio配置国内镜像源的实现步骤》本文主要介绍了AndroidStudio配置国内镜像源的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、修改 hosts,解决 SDK 下载失败的问题二、修改 gradle 地址,解决 gradle

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道(... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me