天地图给一个区域添加标题_天地图之添加覆盖物
原文首发于微信公众号:jzman-blog,欢迎关注交流!
接着上一篇继续来学习天地图 Android SDK ,地图开发中除了常见的定位需求,还有就是覆盖物的添加,比如最近的项目是有关风险管控的,在地图上就要显示对应的风险点,下面的今天的内容:单个覆盖物
多个覆盖物
集合覆盖物
文字覆盖物
总结
测试效果
单个覆盖物
这里单个覆盖物的添加使用资源文件夹里面的图片作为具体覆盖物,下面是自定义的一个 Overlay,具体如下:
/*** Powered by jzman.* Created on 2018/6/25 0025.*/
public class MOverlay extends Overlay{
private Drawable mDrawable;
private DrawableOption mDrawableOption;
private GeoPoint mGeoPoint;
public MOverlay(Context context) {
mDrawable = context.getResources().getDrawable(R.drawable.selected_marker);
mDrawableOption = new DrawableOption();
//设置锚点位置 mDrawableOption.setAnchor(0.5f,1.0f);
//设置旋转角度 mDrawableOption.setRotate(0);
//设置状态 mDrawableOption.setState(DrawableOption.STATE_NORMAL);
//设置多少帧刷新一次图片资源 mDrawableOption.setPeriod(200);
}
@Override
public boolean draw(GL10 gl, MapView mapView, boolean shadow, long when) {
MapViewRender render = mapView.getMapViewRender();
render.drawDrawable(gl,mDrawableOption,mDrawable,mGeoPoint);
return true;
}
@Override
public boolean onTap(GeoPoint p, MapView mapView) {
//指定当前点击的位置添加覆盖物,也可以自己指定 mGeoPoint = p;
return true;
}
}
然后,将该 Overlay 添加到 MapVIew 中,具体如下:
mapView.addOverlay(new MOverlay(this));
到此,添加单个覆盖物就完成了。
多个覆盖物
开发中经常需要在地图上标注一组数据相关的位置,此时就需要在地图上添加多个覆盖物了,添加一组相似类型的覆盖物使用到抽象类 ItemizedOverlay,下面是自定义多个覆盖物的一个 Overlay,具体如下:
/*** Powered by jzman.* Created on 2018/6/25 0025.*/
public class MItemOverlay2 extends ItemizedOverlay {
private MapView mapView;
private View view;
private TextView tvItemOverlay;
private ArrayList items;
private ArrayList> points;
public MItemOverlay2(Drawable defaultMarker, ArrayList> geoPoints, MapView mapView, View view) {
super(defaultMarker);
this.mapView = mapView;
this.view = view;
tvItemOverlay = view.findViewById(R.id.tvItemOverlayData);
items = new ArrayList<>();
points = geoPoints;
for (int i = 0; i < points.size(); i++) {
OverlayItem overlayItem = new OverlayItem(points.get(i),
points.get(i).getT().getTitle(),
points.get(i).getT().getSnippet());
overlayItem.setMarker(defaultMarker);
items.add(overlayItem);
}
populate();
}
/*** 覆盖物条目总数* @return*/
@Override
public int size() {
return items.size();
}
/*** 创建覆盖物条目* @param i* @return*/
@Override
protected OverlayItem createItem(int i) {
return items.get(i);
}
/*** 处理点击事件* @param index* @return*/
@Override
protected boolean onTap(int index) {
if (index == -1) return false;
mapView.updateViewLayout(view, new MapView.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT,
points.get(index),
MapView.LayoutParams.BOTTOM_CENTER));
tvItemOverlay.setText(points.get(index).getT().getTitle());
view.setVisibility(View.VISIBLE);
return true;
}
}
设置点击每个覆盖物弹出的 View 必须已经被添加到 MapView 中,具体如下:
mapView.addView(view, new MapView.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT,
null,
MapView.LayoutParams.TOP_LEFT));
如果没有出现添加,则会出错,出错信息如下:
> java.lang.IllegalArgumentException: Given view not a child of com.tianditu.android.maps.MapView{ac3dbd7 V.E...... ........ 0,192-1080,1692 #7f070050 app:id/mapView}
然后,将该 Overlay 添加到 MapVIew 中,具体如下:
Drawable drawable1 = getResources().getDrawable(R.drawable.selected_marker);
MItemOverlay2 mItemOverlay2 = new MItemOverlay2(drawable1, markers, mapView, view);
mapView.getOverlays().add(mItemOverlay2);
到此,添加多个覆盖物就完成了。
几何覆盖物
集合覆盖物主要就是使用几何图形标注相关位置点,下面自定义了一个 Overlay,通过点击地图位置添加几何覆盖物,效果可参考文末测试效果图,具体如下:
/*** Powered by jzman.* Created on 2018/6/25 0025.*/
public class GeometricOverlay extends Overlay{
private CircleArcOption mCircleArcOption;
private GeoPoint mGeoPoint;
public GeometricOverlay() {
mCircleArcOption = new CircleArcOption();
//设置覆盖物是否是虚线 mCircleArcOption.setDottedLine(true);
//设置填充颜色 mCircleArcOption.setFillColor(Color.GRAY);
//设置边框颜色 mCircleArcOption.setStrokeColor(Color.BLACK);
//设置边框宽度 mCircleArcOption.setStrokeWidth(5);
//是否使用中心点,设置true,绘制出的是扇形,反之则是圆弧 mCircleArcOption.setUseCenter(true);
//设置起始角度以及扫描角度 mCircleArcOption.setAngle(0,100);
}
@Override
public boolean draw(GL10 gl, MapView mapView, boolean shadow, long when) {
MapViewRender render = mapView.getMapViewRender();
render.drawCircleArc(gl,mCircleArcOption,mGeoPoint,1000);
return true;
}
@Override
public boolean onTap(GeoPoint p, MapView mapView) {
//指定当前点击的位置添加覆盖物,也可以自己指定 mGeoPoint = p;
return true;
}
}
然后,将该 Overlay 添加到 MapVIew 中,具体如下:
mapView.addOverlay(new GeometricOverlay());
到此,添加多个覆盖物就完成了。
文字覆盖物
文字覆盖物就是在相应的位置点添加文字,下面自定义了一个 Overlay,通过点击地图位置添加文字覆盖物,效果可参考文末测试效果图,具体如下:
/*** Powered by jzman.* Created on 2018/6/25 0025.*/
public class TextOverlay extends Overlay{
private FontOption mFontOption;
private GeoPoint mGeoPoint;
public TextOverlay(Context context) {
mFontOption = new FontOption();
//设置填充颜色 mFontOption.setFillColor(Color.RED);
//设置字体颜色、字体大小 mFontOption.setFontColor(Color.BLACK);
mFontOption.setFontSize(60);
//设置文字边框宽度、边框颜色 mFontOption.setStrokeWidth(4);
mFontOption.setStrokeColor(Color.GRAY);
//设置文字旋转角度 mFontOption.setTextRotate(60);
//设置字体 Typeface typeface = Typeface.createFromAsset(context.getAssets(), "font/font.ttf");
mFontOption.setFontTypeface(typeface);
}
@Override
public boolean draw(GL10 gl, MapView mapView, boolean shadow, long when) {
MapViewRender render = mapView.getMapViewRender();
if (mGeoPoint!=null){
render.drawText(gl,mFontOption,"这是文字覆盖物",mGeoPoint);
}
return true;
}
@Override
public boolean onTap(GeoPoint p, MapView mapView) {
//指定当前点击的位置添加覆盖物,也可以自己指定 mGeoPoint = p;
return true;
}
}
然后,将该 Overlay 添加到 MapVIew 中,具体如下:
mapView.addOverlay(new TextOverlay(this));
到此,添加多个覆盖物就完成了。
总结
综上所述,使用天地图添加覆盖物的一般步骤具体如下:创建具体覆盖物的 Overlay
初始化覆盖物具体参数
重写 draw() 方法
将该 Overlay 添加到 MapView 中
测试效果
天地图给一个区域添加标题_天地图之添加覆盖物相关推荐
- 连接到此计算机的本地打印机无法选择,Windows无法打开以添加打印机_如果无法添加本地打印机怎么办...
在日常办公室中如何添加本地打印机,打印机是必不可少的设备,但是有时将打印机连接到计算机时会遇到很多问题. 连接本地打印机对于我们的工作效率非常重要. 让我们看一下如何添加打印机. 无法将打印机添加到w ...
- 天地图给一个区域添加标题_一个小罐子就能做腌酸菜,7天就能吃,无任何添加,吃着更放心...
想吃酸白菜,别再买着吃了,白菜加把盐就能做,7天就能吃 文/湘湘的厨房 我特别喜欢吃酸食物,隔一段时间不吃,还馋得慌.以前都是在超市里买了袋装的酸白菜,自己回家包饺子吃,虽然解了解馋,但是觉得外面的卖 ...
- pygame为游戏添加背景_为游戏添加背景使用Python和Pygame模块构建一个游戏框架
这系列的第一篇通过创建一个简单的骰子游戏来探究 Python.现在是来从零制作你自己的游戏的时间. 在我的这系列的第一篇文章 中, 我已经讲解如何使用 Python 创建一个简单的.基于文本的骰子游戏 ...
- html动态网页添加音频_将音频添加到网页
html动态网页添加音频 In principle, adding audio to a web page is quite straightforward. Assuming you have a ...
- mysql为什么添加索引_当我添加新索引时,为什么MySQL中索引的基数保持不变?
如果表中只有1行,则索引的基数当然应为1.它只是计算唯一值的数量. 如果您将索引视为基于存储桶的查找表(如散列),则基数是存储桶的数量. 以下是它的工作原理:当您在一组列(a,b,c,d)上构建索引时 ...
- android gridview添加标题,android gridview布局添加多個title
在項目中要求實現在gridview的布局效果上添加title,並且是多個在不同地方的title,每個title占據一整行,下面分享一下如何實現 先上效果圖: 1.首先添加title到list集合中:L ...
- 前端给网页添加标题和前面的小图标原生html和vue项目
目录 效果图如下 一.添加标题 1.原生html添加方法 2.vue添加方法 二.网页前面的小图标 1.原生html添加方法pc端和移动端同时添加html里面 (1).pc端如下 (2).移动端如下 ...
- 打印表格留标题怎么设置_打印如何添加标题?内容一页打不下?—关于Excel文档打印的那些事-excel打印区域怎么设置...
很多情况下,我们制作的Excel电子表格最终是要以纸面形式打印出来的.所以,关于表格打印,你还是要知道以下几个方面,不能让工作卡在最后一关. 一.为Excel文档打印添加标题 当Excel表格有多页内 ...
- 动态标题_动态打印区域和打印标题
Excel公式教程 (2016-01-25 20:55:14) 转载 ▼ 标签: excel公式教程 动态打印区域 动态打印标题分类: Excel公式教程-原理篇 在Excel表格中如何设置动态的打印 ...
最新文章
- POJ Mayor's posters——线段树+离散化
- 长征五号复飞成功:史上最重最大,2020月岩采样火星探测都要靠它
- FreeRTOS中断配置与临界段
- 四部门联合发文推动数学科学发展,释放支持高校建设基础数学中心信号!
- linux 当前用户执行定时任务
- jquery截取字符串中的数字
- 4、python简单线性回归代码案例(完整)_python 实现一个简单的线性回归案例
- 游戏软件性能测试怎么做?常规测试知识要点总结
- 去哪儿网查不到历史订单_去哪儿网 数据清洗
- 嵌入式linux的驱动程序
- 计算机原理与编程设计,最优化计算机原理与算法程序设计
- 马尔科夫决策过程(MDP):汽车租赁问题
- vc设备工程师_工程/设备工程师简历工作经历填写样本
- ogre vc编程模版
- android webview下载附件几种方法
- 2010-2012迷你博客
- 谢霆锋断言暂不再婚 赞张柏芝教子有方
- 初识edb debugger
- 倒看北斗星---念霍去病
- 放大后字体变形的一点思考
热门文章
- 【Apollo】支持@ConfigurationProperties动态刷新
- 生产制造业ERP管理系统能解决哪些问题?
- ctf练习之Easy upload
- Node读写Excel文件(txt文件)
- JPG图片中的文字或表格怎么转成Word文档?
- 被was坑惨了,websphere下面报webapp.WebApp logError SRVE0293E: [Servlet Error]-[null]错误。
- web项目常见报错解决方法
- pyhton-miniblink
- 美图秀秀头像插件与七牛云结合
- Pinyin Comparison 拼音辨别 V1.1.1