android百度地图覆盖物异步加载图片,Android 百度地图marker中图片不显示的解决方法(推荐)...
目的:
根据提供的多个经纬度,显示所在地的marker样式,如下:
问题:
1.发现marker中在线加载的图片无法显示出来;
2.获取多个对象后,却只显示出了一个marker;
以下为官网实现方法:
通过查阅百度官网的文档,我们可以知道,地图标注物的实现方法如下:
//定义Maker坐标点
LatLng point = new LatLng(39.963175, 116.400244);
//构建Marker图标
BitmapDescriptor bitmap = BitmapDescriptorFactory
.fromResource(R.drawable.icon_marka);
//构建MarkerOption,用于在地图上添加Marker
OverlayOptions option = new MarkerOptions()
.position(point)
.icon(bitmap);
//在地图上添加Marker,并显示
mBaiduMap.addOverlay(option);
那么想通过更改marker的样式,也就是option中的.icon(BitmapDescriptor)方法,只需要提供BitmapDescriptor对象即可,获取BitmapDescriptor的方式有如下几种:
因为是marker不是简单的图片展示,所以这里是需要自定义view给加载进来的,因此使用的是fromView()来加载自定义视图,视图内容如下:
android:layout_width="30dp"
android:id="@+id/bitmapFl"
android:layout_height="44dp">
android:layout_width="30dp"
android:layout_height="44dp"
android:layout_gravity="center"
android:src="@mipmap/anchor"/>
android:id="@+id/picSdv"
android:layout_marginTop="1dp"
android:layout_width="28dp"
android:layout_height="28dp"
android:layout_gravity="center_horizontal"
/>
但是如果此时使用fromView来加载视图生成BitmapDescriptor就会导致:在图片未在线加载完毕时,整个view就已经生成了BitmapDescriptor,这个时候就出现了marker无法显示图片的问题(这就好比经典招数“猴子偷桃”,桃都还没有,怎么偷得出来呢)。所以解决的办法是——>等到图片加载完毕后再去生成BitmapDescriptor,从而设置MarkerOptions。
下面为我的解决方案:
以下是在fragment中加载以上的视图文件:(具体业务情况看个人的页面设计,所以使用的时候也不一定非得在这个方法里面初始化)
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
this.inflater = inflater;
this.container = container;
if (markerView == null) {
viewHolder = new ViewHolder();
markerView = (FrameLayout) inflater.inflate(R.layout.layout_bitmap_descriptor, container, true).findViewById(R.id.bitmapFl);//此处一定要find到bitmapFl,否则此处会报错加载的对象不是要求的布局对象
viewHolder.imageView = (ImageView) markerView.findViewById(R.id.picSdv);
markerView.setTag(viewHolder);
}
return inflater.inflate(R.layout.fragment_main, container, false);
}
ivate class ViewHolder {
ImageView imageView;
}
因为涉及到多个marker的加载,意味着要对布局进行多次加载,所以此处使用ViewHolder来处理重复的操作。
然后进行初始化各个marker:
/**
* 初始化位置标注信息
*
* @param geoUserEntities:地理用户数据(包含头像地址、经纬度)
*/
private void initOverlayOptions(List geoUserEntities) {
baiduMap.clear();
AvatarEntity avatarEntityTemp;
for (int i = 0; i < geoUserEntities.size(); i++) {
if (geoUserEntities.get(i) == null) {
continue;
}
final Marker[] marker = {null};
final GeoUserEntity geoUserEntityTemp = geoUserEntities.get(i);
avatarEntityTemp = geoUserEntityTemp.getAvatar();
final BitmapDescriptor[] pic = {null};
if (avatarEntityTemp != null && !StringUtils.isEmpty(avatarEntityTemp.getImageUrl())) {
returnPicView(avatarEntityTemp.getMid(), new ResultListener() {//图片加载完毕后的回调方法
@Override
public void onReturnResult(Object object) {
super.onReturnResult(object);
pic[0] = BitmapDescriptorFactory.fromView((View) object);
putDataToMarkerOptions(pic[0], geoUserEntityTemp);
}
});
} else if (avatarEntityTemp == null) {
pic[0] = BitmapDescriptorFactory.fromResource(R.mipmap.anchor);
putDataToMarkerOptions(pic[0], geoUserEntityTemp);
}
}
}
/**
* 显示marker,设置marker传递的数据
*
* @param pic
* @param geoUserEntityTemp
*/
private void putDataToMarkerOptions(BitmapDescriptor pic, GeoUserEntity geoUserEntityTemp) {
double[] locationTemp = geoUserEntityTemp.getLocation();
if (locationTemp != null && locationTemp.length == 2) {
LatLng point = new LatLng(locationTemp[1], locationTemp[0]);
MarkerOptions overlayOptions = new MarkerOptions()
.position(point)
.icon(pic)
.animateType(MarkerOptions.MarkerAnimateType.grow);//设置marker从地上生长出来的动画
Marker marker = (Marker) baiduMap.addOverlay(overlayOptions);
Bundle bundle = new Bundle();
bundle.putSerializable(ConstantValues.User.GEO_USER_ENTITY, geoUserEntityTemp);
marker.setExtraInfo(bundle);//marker点击事件监听时,可以获取到此时设置的数据
marker.setToTop();
}
}
private void returnPicView(String urlTemp, final ResultListener resultListener) {
viewHolder = (ViewHolder) markerView.getTag();
Glide.with(getContext())
.load(urlTemp)
.asBitmap()
.transform(new GlideCircleTransform(getContext()))
.into(new SimpleTarget() {
@Override
public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {
viewHolder.imageView.setImageBitmap(bitmap);
resultListener.onReturnResult(markerView);
}
}
);
}
通过returnPicView方法来进行异步图片加载,然后用自定义的ResultListener接口来回调图片加载完毕的结果,从而初始化BitmapDescriptor,进而设置MarkerOptions。
要点:
GlideCircleTransform是自定义的类,用来设置图片为圆形(之后有实现方法);
onResourceReady是Glide框架中监听图片加载完毕的回调方法,以上的实现能监听多张图片加载完毕的事件;
resultListener.onReturnResult(markerView);中的markerView是一开始自定义的marker中要加载的整个布局;
为啥不用SimpleDraweeView来实现圆形图片并进行图片下载的监听?
仅个人的使用情况:使用Glide框架无法控制SimpleDraweeView的形状;而且,SimpleDraweeView无法监听动态加载同一个view时的多张图片下载的情况,意味着只能监听到最后最后一张图片。(也就是,类似于上面的onReturnResult方法只会回调一次,这也就是本文开头提到过的问题②:获取多个对象后,却只显示出了一个marker的情况)
然后,附上GlideCircleTransform的类代码(从其它处拷贝过来的):
public class GlideCircleTransform extends BitmapTransformation {
public Context context;
public GlideCircleTransform(Context context) {
super(context);
this.context = context;
}
@Override
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}
private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
if (source == null) return null;
int size = Math.min(source.getWidth(), source.getHeight());
int x = (source.getWidth() - size) / 2;
int y = (source.getHeight() - size) / 2;
// TODO this could be acquired from the pool too
Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
if (result == null) {
result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
}
Canvas canvas = new Canvas(result);
Paint paint = new Paint();
paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
paint.setAntiAlias(true);
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
return result;
}
@Override
public String getId() {
return getClass().getName();
}
}
在对未知进行探索时,一点是兴奋的,两点是开心的,三点是积极的,太多太多的点则是痛苦的,而解决了迷惑之后内心是舒坦的!
以上这篇Android 百度地图marker中图片不显示的解决方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持找一找教程网。
android百度地图覆盖物异步加载图片,Android 百度地图marker中图片不显示的解决方法(推荐)...相关推荐
- 高德地图巡航异步加载数据_“高德地图”和“百度地图”的差别
高德地图"和"百度地图"到底有什么差别?专家:细节定成败! 导读:高德和百度都是做电子地图的,很多人很好奇,高德地图和百度地图的区别是什么.除了开发者不同,两者在数据和功 ...
- android多种方式实现异步加载图片
记得之前做安卓应用时都是在2.2以下的版本,如果在UI线程中进行耗时操作,比如http,socket等 会产生android.os.NetworkOnMainThreadException 如果异步加 ...
- 【Android 安全】DEX 加密 ( 不同 Android 版本的 DEX 加载 | Android 8.0 版本 DEX 加载分析 | Android 5.0 版本 DEX 加载分析 )
文章目录 一.不同版本的 DEX 加载 1.Android 8.0 版本 DEX 加载分析 2.Android 6.0 版本 DEX 加载分析 3.Android 5.0 版本 DEX 加载分析 一. ...
- c语言运行不显示图片,为何加载烟花就换了一句,将图片加载进资源,结果运行中烟花不显示...
为何加载烟花就换了一句,将图片加载进资源,结果运行中烟花不显示 为何将图片装载在资源中编译没任何错误,程序也可基本运行,资源中的图片不工作 #include //标准的输入输出头文件 #inc ...
- win10关于Intel Optane(tm) Memory Pinning 无法加载DLL”iaStorAfsServiceApi.dll”:找不到指定模块报错解决方法
摘要:最近自己笔记本系统授权过期,刚好有碰上系统更新.升级后以点击文件夹或者offie套装就报lntel Optane(tm) MemoryPinning无法加载DLL "iaStorAfs ...
- Android 开发笔记 ListView异步加载图片
当ListView需要在线获取数据,并且列表中需要显示图片时,友好的处理方式是使用异步加载图片的方式. 这是因为LIstView中显示的内容是分为两部加载的,第一次加载文本信息(包含图片的uri地址) ...
- Android之使用Android-AQuery异步加载图片(一)
第一节:转载地址(http://www.cnblogs.com/lee0oo0/archive/2012/10/25/2738299.html) // 必须实现AQuery这个类 AQuery aq ...
- Android开发之ListView异步加载图片
ListView这个控件对于大家肯定不会陌生,即使你是初学者相信也会用ListView.因为ListView这个控件实在是太常用,可以说基本上每一个项目开发都会用到它,今天这篇博客主要讲解,ListV ...
- iOS开发swift版异步加载网络图片(带缓存和缺省图片)
iOS开发之swift版异步加载网络图片 与SDWebImage异步加载网络图片的功能相似,只是代码比较简单,功能没有SD的完善与强大,支持缺省添加图片,支持本地缓存. 异步加载图片的核心代码如下: ...
最新文章
- ubuntu12.04安装KDevelop
- jquery表单数据反序列化为字典
- 玩转12306之系统登录
- 听说全链路压测已经杀疯了?劝你别盲目!
- 关于spring cloud的几个核心组件
- 电脑有没有蓝牙_手机蓝牙没什么用?那是因为你不会用!这9种用法,你用过几种?...
- tensorflow numpy版本匹配_在Matlab中使用tensorflow (1)
- hdu 3635 Dragon Balls(加权并查集)2010 ACM-ICPC Multi-University Training Contest(19)
- centos7修改主机名hostname
- tcpip详解卷一_2020高考物理北京卷逐题视频解析+Word版真题
- Linux常用命令大全——赶紧收藏
- [C#] TestHttpPost:测试Http的POST方法的小工具
- word插入公式/endnote
- 【ESP 保姆级教程】疯狂点灯篇 —— 案例:ESP8266 + LED + 按键 + 阿里云生活物联网平台 + 公有版App + 天猫精灵(项目:我之家)
- 苹果屏蔽更新描述文件_iOS屏蔽更新描述文件以及超级详细安装方法分享
- 【论文】论文中的参考文献:国标GB/T 7714-2015文献类型与格式
- Java线程池并发执行多个任务
- 齐天大圣蟠桃园吃桃子
- 游戏‘微信打飞机 第一课
- 爬虫基础之HTTP基本原理
热门文章
- Python搭建静态web服务器
- sort函数的应用习题(二)
- MySQL查询的进阶操作--连接查询
- centos桥接模式网络配置
- Spring boot快速创建工程
- HTML5中引入JS
- python中print的本质_Python基础语法全解
- win7如何为计算机添加用户名和密码,win7系统电脑,如何的设置共享,共享计算机的地用户名和密码怎样设置...
- 【数据结构-学习路线】博文导航与思维导图(计算机考研+期末考试===> 一步到位)
- 手把手教你手动创建线程池