用百度地图，快速定位你的位置，探索周边美食娱乐。不但可以找位置，还能帮你“到那去“，公交、驾车、步行三种出行方式任你选择，还有蚯蚓路线、免费语音导航、时间胶囊让你出行无忧。丰富的贴心功能，帮你玩转地图。离线地图，节省流量。收藏夹可以同步云端，实现电脑、手机、Pad三端贯通，永不丢失。【注意】 语音导航、电子狗和步行导航会持续使用GPS定位服务，切换至后台播报时，仍会保持GPS连接，相比其他操作会消耗更多的电量。 使用位置共享过程中，您可以随时退出，中止位置共享。百度地图不会将您的真实位置暴漏或直接提供给任意第三方。 我们强烈建议您在iOS6.0以上的系统安装和运行百度地图，如果您的设备在iOS4.x/5.x上运行有问题，建议您考虑将iOS系统升级到更高版本。 GPS在后台持续运行会导致电池寿命急剧缩短。 Continued use of GPS running in the background can dramatically decrease battery life. 目前地图内仅在导航模块支持完美横屏。百度地图v7.7.1升级日志：修复了进入导航后无法正确播报的问题。港澳台地图：离线地图、出行服务全新上线，生活频道、周边攻略一网打尽，玩转三地全搞定，从此中国无盲点。生活服务：详情页全新改版，更简洁的页面结构，更流畅的加载速度。新增购物中心，方便的购物指南、详尽的楼层导购，贴心您的每一次购物之旅，照顾您的每一种生活服务。首期开通北上广深130余个购物中心。餐饮新增排号服务：更快捷方便的排队取号，节省您的宝贵时间，尽兴您的美食之旅。首期支持北京、上海。出行服务新增路况电台，点击路况按钮即刻开启，关注我的路况，靠谱你的行程。驾车新增沿途搜索，驾车导航，一键搜索，沿途加油站、停车场、厕所、美食、酒店快速呈现，解驾车之所急，顾导航之所全。驾车新增途经点，出门办事，多个地点，设置途经搜索，搞定所有行程。我的足迹新增行程串联，足迹点自动串联，规划每一天，一路心随行。
关键字：,,,,
点击左边链接进入官方市场下载本软件，若手机已越狱，可点击下面地址下载越狱包，然后通过、等第三方工具安装至手机。
,,,,,,,,,,
热门手机专题
非凡软件站(霏凡) 版权所有 闽ICP备号
Copyright(C) 1999- All Rights Reserved.页面导航：
→ 正文内容 百度地图自定义弹出窗口
android实现百度地图自定义弹出窗口功能
这篇文章主要介绍了android实现百度地图自定义弹出窗口的功能，大家参考使用吧
我们使用百度地图的时候，点击地图上的Marker，会弹出一个该地点详细信息的窗口，如下左图所示，有时候，我们希望自己定义这个弹出窗口的内容，或者，干脆用自己的数据来构造这样的弹出窗口，但是，在百度地图最新的Android SDK中，没有方便操作这种弹出窗口的类，虽然有一个PopupOverlay，但是它只支持将弹出内容转化为不多于三个Bitmap，如果这个弹出窗口里想有按钮来响应点击事件，用这个就不能满足要求了，于是，看了一遍百度地图覆盖物的API，我决定用自定义View的方法来实现类似的效果，先贴一下大体效果图，如下右图：
基本原理就是用ItemizedOverlay来添加附加物，在OnTap方法中向MapView上添加一个自定义的View（如果已存在就直接设为可见），下面具体来介绍我的实现方法：
一、自定义覆盖物类：MyPopupOverlay，这个类是最关键的一个类ItemizedOverlay，用于设置Marker，并定义Marker的点击事件，弹出窗口，至于弹出窗口的内容，则通过定义Listener，放到Activity中去构造。如果没有特殊需求，这个类不需要做什么改动。代码如下，popupLinear这个对象，就是加到地图上的自定义View：
代码如下:public class MyPopupOverlay extends ItemizedOverlay&OverlayItem& {
&&& private Context context =&&& // 这是弹出窗口， 包括内容部分还有下面那个小三角&&& private LinearLayout popupLinear =&&& // 这是弹出窗口的内容部分&&& private View popupView =&&& private MapView mapView =&&& private Projection projection =
&&& // 这是弹出窗口内容部分使用的layoutId，在Activity中设置&&& private int layoutId = 0;&&& // 是否使用百度带有A-J字样的Marker&&& private boolean useDefaultMarker =&&& private int[] defaultMarkerIds = { R.drawable.icon_marka,&&&&&&&&&&& R.drawable.icon_markb, R.drawable.icon_markc,&&&&&&&&&&& R.drawable.icon_markd, R.drawable.icon_marke,&&&&&&&&&&& R.drawable.icon_markf, R.drawable.icon_markg,&&&&&&&&&&& R.drawable.icon_markh, R.drawable.icon_marki,&&&&&&&&&&& R.drawable.icon_markj, };
&&& // 这个Listener用于在Marker被点击时让Activity填充PopupView的内容&&& private OnTapListener onTapListener =
&&& public MyPopupOverlay(Context context, Drawable marker, MapView mMapView) {&&&&&&& super(marker, mMapView);&&&&&&& this.context =&&&&&&& this.popupLinear = new LinearLayout(context);&&&&&&& this.mapView = mMapV&&&&&&& popupLinear.setOrientation(LinearLayout.VERTICAL);&&&&&&& popupLinear.setVisibility(View.GONE);&&&&&&& projection = mapView.getProjection();&&& }
&&& @Override&&& public boolean onTap(GeoPoint pt, MapView mMapView) {&&&&&&& // 点击窗口以外的区域时，当前窗口关闭&&&&&&& if (popupLinear != null && popupLinear.getVisibility() == View.VISIBLE) {&&&&&&&&&&& LayoutParams lp = (LayoutParams) popupLinear.getLayoutParams();&&&&&&&&&&& Point tapP = new Point();&&&&&&&&&&& projection.toPixels(pt, tapP);&&&&&&&&&&& Point popP = new Point();&&&&&&&&&&& projection.toPixels(lp.point, popP);&&&&&&&&&&& int xMin = popP.x - lp.width / 2 + lp.x;&&&&&&&&&&& int yMin = popP.y - lp.height + lp.y;&&&&&&&&&&& int xMax = popP.x + lp.width / 2 + lp.x;&&&&&&&&&&& int yMax = popP.y + lp.y;&&&&&&&&&&& if (tapP.x & xMin || tapP.y & yMin || tapP.x & xMax&&&&&&&&&&&&&&&&&&& || tapP.y & yMax)&&&&&&&&&&&&&&& popupLinear.setVisibility(View.GONE);&&&&&&& }&&&&&&&&&& }
&&& @Override&&& protected boolean onTap(int i) {&&&&&&& // 点击Marker时，该Marker滑动到地图中央偏下的位置，并显示Popup窗口&&&&&&& OverlayItem item = getItem(i);&&&&&&& if (popupView == null) {&&&&&&&&&&& // 如果popupView还没有创建，则构造popupLinear&&&&&&&&&&& if (!createPopupView()){&&&&&&&&&&&&&&&&&&&&&&&&&& }&&&&&&& }&&&&&&& if (onTapListener == null)&&&&&&&&&&&&&&&&&& popupLinear.setVisibility(View.VISIBLE);&&&&&&& onTapListener.onTap(i, popupView);
&&&&&&& popupLinear.measure(0, 0);&&&&&&& int viewWidth = popupLinear.getMeasuredWidth();&&&&&&& int viewHeight = popupLinear.getMeasuredHeight();
&&&&&&& LayoutParams layoutParams = new LayoutParams(viewWidth, viewHeight,&&&&&&&&&&&&&&& item.getPoint(), 0, -60, LayoutParams.BOTTOM_CENTER);&&&&&&& layoutParams.mode = LayoutParams.MODE_MAP;
&&&&&&& popupLinear.setLayoutParams(layoutParams);&&&&&&& Point p = new Point();&&&&&&& projection.toPixels(item.getPoint(), p);&&&&&&& p.y = p.y - viewHeight / 2;&&&&&&& GeoPoint point = projection.fromPixels(p.x, p.y);
&&&&&&& mapView.getController().animateTo(point);&&&&&&&&&& }
&&& private boolean createPopupView() {&&&&&&& // TODO Auto-generated method stub&&&&&&& if (layoutId == 0)&&&&&&&&&&&&&&&&&& popupView = LayoutInflater.from(context).inflate(layoutId, null);&&&&&&& popupView.setBackgroundResource(R.drawable.popupborder);&&&&&&& ImageView dialogStyle = new ImageView(context);&&&&&&& dialogStyle.setImageDrawable(context.getResources().getDrawable(&&&&&&&&&&&&&&& R.drawable.iw_tail));&&&&&&& popupLinear.addView(popupView);&&&&&&& android.widget.LinearLayout.LayoutParams lp = new android.widget.LinearLayout.LayoutParams(&&&&&&&&&&&&&&& LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);&&&&&&& lp.topMargin = -2;&&&&&&& lp.leftMargin = 60;&&&&&&& popupLinear.addView(dialogStyle, lp);&&&&&&& mapView.addView(popupLinear);&&&&&&&&&& }
&&& @Override&&& public void addItem(List&OverlayItem& items) {&&&&&&& // TODO Auto-generated method stub&&&&&&& int startIndex = getAllItem().size();&&&&&&& for (OverlayItem item : items){&&&&&&&&&&& if (startIndex &= defaultMarkerIds.length)&&&&&&&&&&&&&&& startIndex = defaultMarkerIds.length - 1;&&&&&&&&&&& if (useDefaultMarker && item.getMarker() == null){&&&&&&&&&&&&&&& item.setMarker(context.getResources().getDrawable(&&&&&&&&&&&&&&&&&&&&&&& defaultMarkerIds[startIndex++]));&&&&&&&&&&& }&&&&&&& }&&&&&&& super.addItem(items);&&& }
&&& @Override&&& public void addItem(OverlayItem item) {&&&&&&& // TODO Auto-generated method stub&&&&&&& // 重载这两个addItem方法，主要用于设置自己默认的Marker&&&&&&& int index = getAllItem().size();&&&&&&& if (index &= defaultMarkerIds.length)&&&&&&&&&&& index = defaultMarkerIds.length - 1;&&&&&&& if (useDefaultMarker && item.getMarker() == null){&&&&&&&&&&& item.setMarker(context.getResources().getDrawable(&&&&&&&&&&&&&&&&&&& defaultMarkerIds[getAllItem().size()]));&&&&&&& }&&&&&&& super.addItem(item);&&& }
&&& public void setLayoutId(int layoutId) {&&&&&&& this.layoutId = layoutId;&&& }
&&& public void setUseDefaultMarker(boolean useDefaultMarker) {&&&&&&& this.useDefaultMarker = useDefaultM&&& }
&&& public void setOnTapListener(OnTapListener onTapListener) {&&&&&&& this.onTapListener = onTapL&&& }
&&& public interface OnTapListener {&&&&&&& public void onTap(int index, View popupView);&&& }}
二、MainActivity，这是主界面，用来显示地图，创建MyPopupOverlay对象，在使用我写的MyPopupOverlay这个类时，需要遵循以下步骤：
创建MyPopupOverlay对象，构造函数为public MyPopupOverlay(Context context, Drawable marker, MapView mMapView)，四个参数分别为当前的上下文、通用的Marker（这是ItemizedOverlay需要的，当不设置Marker时的默认Marker）以及百度地图对象。设置自定义的弹出窗口内容的布局文件ID，使用的方法为public void setLayoutId(int layoutId)。设置是使用自定义的Marker，还是预先写好的带有A-J字样的百度地图原装Marker，使用的方法为public void setUseDefaultMarker(boolean useDefaultMarker)，只有当这个值为true且没有调用OverlayItem的setMarker方法为特定点设置Marker时，才使用原装Marker。创建Marker所在的点，即分别创建一个个OverlayItem，然后调用public void addItem(OverlayItem item)或public void addItem(List&OverlayItem& items)方法来把这些OverlayItem添加到自定义的附加层上去。为MyPopupOverlay对象添加onTap事件，当Marker被点击时，填充弹出窗口中的内容（也就是第2条中layoutId布局中的内容），设置方法为public void setOnTapListener(OnTapListener onTapListener)，OnTapListener是定义在MyPopupOverlay中的接口，实现这个接口需要覆写public void onTap(int index, View popupView)方法，其中，index表示被点击的Marker（确切地说是OverlayItem）的索引，popupView是使用layoutId这个布局的View，也就是弹出窗口除了下面的小三角之外的部分。把这个MyPopupOverlay对象添加到地图上去：mMapView.getOverlays().add(myOverlay);mMapView.refresh();下面是我的代码（MainActivity）：
代码如下:public class MainActivity extends Activity {
&&& private BMapManager mBMapMan =&&& private MapView mMapView =&&& private String keyString = "这里填入申请的KEY";
&&& @Override&&& protected void onCreate(Bundle savedInstanceState) {&&&&&&& // TODO Auto-generated method stub&&&&&&& super.onCreate(savedInstanceState);
&&&&&&& mBMapMan = new BMapManager(getApplication());&&&&&&& mBMapMan.init(keyString, new MKGeneralHandler(MainActivity.this));//MKGeralHandler是一个实现MKGeneralListener接口的类，详见百度的文档
&&&&&&& setContentView(R.layout.activity_main);// activity_main.xml中就是百度地图官方文档提供的LinearLayout下面放一个MapView的布局&&&&&&& mMapView = (MapView) findViewById(R.id.bmapsView);// 获取地图MapView对象&&&&&&& mMapView.setBuiltInZoomControls(true);&&&&&&& final MapController mMapController = mMapView.getController();&&&&&&& mMapController.setZoom(16);&&&&&&& GeoPoint p1 = new GeoPoint(7183652);// 天大正门的坐标&&&&&&& GeoPoint p2 = new GeoPoint(7178252);// 天大大活的坐标&&&&&&& mMapController.animateTo(p1);
&&&&&&& //声明MyPopupOverlay对象&&&&&&& MyPopupOverlay myOverlay = new MyPopupOverlay(&&&&&&&&&&&&&&& MainActivity.this,&&&&&&&&&&&&&&& getResources().getDrawable(R.drawable.icon_gcoding),&&&&&&&&&&&&&&& mMapView);// 这是第1步，创建MyPopupOverlay对象&&&&&&& myOverlay.setLayoutId(R.layout.popup_content);// 这是第2步，设置弹出窗口的布局文件&&&&&&& myOverlay.setUseDefaultMarker(true);// 这是第3步，设置是否使用A-J的Marker&&&&&&& OverlayItem item1 = new OverlayItem(p1, "", "");&&&&&&& OverlayItem item2 = new OverlayItem(p2, "", "");&&&&&&& List&OverlayItem& items = new ArrayList&OverlayItem&();&&&&&&& items.add(item1);&&&&&&& items.add(item2);&&&&&&& myOverlay.addItem(items);// 这是第4步，向MyPopupOverlay中依次添加OverlayItem对象，或存到链表中一次性添加//&&&&&&& myOverlay.addItem(item2);&&&&&&& final List&MapPopupItem& mItems = new ArrayList&MapPopupItem&();// 这是暂时自己造的model对象，存储显示的数据&&&&&&& MapPopupItem mItem = new MapPopupItem();&&&&&&& mItem.setTitle("天津大学");&&&&&&& // ...... 这里依次添加了地址、电话、标签、图片等信息&&&&&&& mItems.add(mItem);&&&&&&& mItem = new MapPopupItem();&&&&&&& mItem.setTitle("天津大学大学生活动中心");&&&&&&& // ...... 同样添加第二个点的地址、电话、标签、图片信息&&&&&&& mItems.add(mItem);&&&&&&& myOverlay.setOnTapListener(new OnTapListener() {&&&&&&&&&&& @Override&&&&&&&&&&& public void onTap(int index, View popupView) {// 这是第5步，设置监听器，为popupView填充数据&&&&&&&&&&&&&&& // TODO Auto-generated method stub&&&&&&&&&&&&&&& MapPopupItem mItem = mItems.get(index);// 这是存储model数据的数组，根据被点击的点的index获取具体对象&&&&&&&&&&&&&&& TextView shopName = (TextView) popupView.findViewById(R.id.name);&&&&&&&&&&&&&&& // ...... 依次获得视图中的各个控件（地址、电话、标签、图片等）&&&&&&&&&&&&&&& shopName.setText(mItem.getTitle());&&&&&&&&&&&&&&& // ...... 依次为这些控件赋上值（地址、电话、标签、图片等信息）&&&&&&&&&&& }&&&&&&& });&&&&&&& mMapView.getOverlays().add(myOverlay);　// 最后一步，添加覆盖物层&&&&&&& mMapView.refresh();&&& }
&&& @Override&&& protected void onDestroy() {&&&&&&& mMapView.destroy();&&&&&&& if (mBMapMan != null) {&&&&&&&&&&& mBMapMan.destroy();&&&&&&&&&&& mBMapMan =&&&&&&& }&&&&&&& super.onDestroy();&&& }
&&& @Override&&& protected void onPause() {&&&&&&& mMapView.onPause();&&&&&&& if (mBMapMan != null) {&&&&&&&&&&& mBMapMan.stop();&&&&&&& }&&&&&&& super.onPause();&&& }
&&& @Override&&& protected void onResume() {&&&&&&& mMapView.onResume();&&&&&&& if (mBMapMan != null) {&&&&&&&&&&& mBMapMan.start();&&&&&&& }
&&&&&&& super.onResume();&&& }}
这就是主要的思路和代码了，因为代码文件、资源文件弄得比较多，不大容易贴出来全部能直接运行的代码，而且布局文件里控件太多也不容易理解，就这么写了，如果大家有什么更好的方法，或者有什么好的建议，欢迎讨论和指正。
注：为了说明问题，主类中我简化了很多东西，而且有些图片找起来也挺麻烦，把源代码附在这里供大家参考，运行前需要在MainActivity中修改百度地图的Key。
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行
12345678910Sina Visitor System经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
请扫描分享到朋友圈