安科网

百度地图API之ItemizedOverlay的使用(Android)

jishume

jishume

2011-07-19

关注 关注
本篇文章主要介绍如何在百度地图上添加Overlay（即图层或覆盖物）。

Overlay简介
      Overlay通常被译为“图层”或“覆盖物”。那么对于地图而言，什么称之为覆盖物？“所有叠加或覆盖到地图之上的内容，都被称之为地图覆盖物，如标注、矢量图形元素(包括：折线和多边形和圆)、定位图标等。覆盖物拥有自己的地理坐标，当您拖动或缩放地图时，它们会相应的移动。”
      为了让大家能够对Overlay有更进一步的认识，我们再通过下面的图形来直观的认识它。 图中标记的那些红色的图标A,B,...,J正是Overlay的其中一种形式。如果你了解PhotoShop中图层的概念，这里应该不难理解。我们可以这样来理解地图、图层与图层上标记物三者的关系： 下图中的那些红色标记并不属于地图的一部分，这些所有的标记是附着在图层上的，然后将图层蒙在地图之上。
      百度地图API之ItemizedOverlay的使用(Android)

百度地图API提供的几种Overlay
      百度地图API提供了以下几种Overlay(覆盖物)： 
      1）Overlay：它是所有覆盖物的抽象基类，所有的覆盖物均继承此类的方法，实现用户自定义图层显示；
      2）MyLocationOverlay：一个负责显示用户当前位置的Overlay； 
      3）ItemizedOverlay：它包含了一个OverlayItem列表，相当于一组分条的Overlay，通过继承此类，将一组兴趣点显示在地图上；
      4）PoiOverlay：本地搜索图层，提供某一特定地区的位置搜索服务，比如在北京市搜索“公园”，通过此图层将公园显示在地图上； 
      5）RouteOverlay：步行、驾车导航线路图层，将步行、驾车出行方案的路线及关键点显示在地图上；
      6）TransitOverlay：公交换乘线路图层，将某一特定地区的公交出行方案的路线及换乘位置显示在地图上。

ItemizedOverlay的使用示例
      ItemizedOverlay提供了一种快捷的方法，可以把标记图片和相关的文本分配给特定的地理位置。ItemizedOverlay实例可以处理每一个OverlayItem标记的绘制、放置、单击处理、焦点控制和布局优化。例如，上面的那个地图示例就是ItemizedOverlay。
      下面将通过一个示例来演示ItemizedOverlay的使用。我们先来看看最终做出的效果，如下图所示：
      百度地图API之ItemizedOverlay的使用(Android)
      我们的目标：“显示出百度地图，并且给地图添加一个图层(ItemizedOverlay)，该图层上有两个标记项(OverlayItem)，每个标记项上都标注有相应的图标、文本信息，并且能够响应点击事件(onTap)”。

1）布局文件res/layout/main.xml     

 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7.     <com.baidu.mapapi.MapView android:id="@+id/map_View"  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="fill_parent"  
  10.         android:clickable="true"  
  11.     />  
  12. </LinearLayout>  

2）创建Activity继承com.baidu.mapapi.MapActivity     

 
  1. package com.liufeng.baidumap;  
  2.   
  3. import java.util.List;  
  4.   
  5. import android.graphics.drawable.Drawable;  
  6. import android.os.Bundle;  
  7.   
  8. import com.baidu.mapapi.BMapManager;  
  9. import com.baidu.mapapi.GeoPoint;  
  10. import com.baidu.mapapi.MapActivity;  
  11. import com.baidu.mapapi.MapController;  
  12. import com.baidu.mapapi.MapView;  
  13. import com.baidu.mapapi.Overlay;  
  14. import com.baidu.mapapi.OverlayItem;  
  15.   
  16. /** 
  17.  * 创建Activity（继承com.baidu.mapapi.MapActivity） 
  18.  *  
  19.  * @author liufeng 
  20.  * @date 2011-05-02 
  21.  */  
  22. public class MainActivity extends MapActivity {  
  23.     private BMapManager mapManager;  
  24.     private MapView mapView;  
  25.     private MapController mapController;  
  26.   
  27.     @Override  
  28.     public void onCreate(Bundle savedInstanceState) {  
  29.         super.onCreate(savedInstanceState);  
  30.         setContentView(R.layout.main);  
  31.   
  32.         /** 
  33.          * 初始化MapActivity 
  34.          */  
  35.         mapManager = new BMapManager(getApplication());  
  36.         // init方法的第一个参数需填入申请的API Key   
  37.         mapManager.init("285B415EBAB2A92293E85502150ADA7F03C777C4", null);  
  38.         super.initMapActivity(mapManager);  
  39.   
  40.         mapView = (MapView) findViewById(R.id.map_View);  
  41.         // 设置地图模式为交通地图   
  42.         mapView.setTraffic(true);  
  43.         // 设置启用内置的缩放控件   
  44.         mapView.setBuiltInZoomControls(true);  
  45.   
  46.         /** 
  47.          * 创建图标资源（用于显示在overlayItem所标记的位置） 
  48.          */  
  49.         Drawable marker = this.getResources().getDrawable(R.drawable.ic_balloon);  
  50.         // 为maker定义位置和边界   
  51.         marker.setBounds(0, 0, marker.getIntrinsicWidth(), marker.getIntrinsicHeight());  
  52.   
  53.         /** 
  54.          * 创建自定义的ItemizedOverlay 
  55.          */  
  56.         CustomItemizedOverlay overlay = new CustomItemizedOverlay(marker, this);  
  57.   
  58.         /** 
  59.          * 创建并添加第一个标记：柳峰的家乡（经度：87.493147 纬度：47.118440） 
  60.          */  
  61.         // 构造一个经纬度点   
  62.         GeoPoint point = new GeoPoint((int) (47.118440 * 1E6), (int) (87.493147 * 1E6));  
  63.         // 创建标记（新疆福海县）   
  64.         OverlayItem overlayItem = new OverlayItem(point, "柳峰的家乡", "新疆福海县");  
  65.         // 将标记添加到图层中（可添加多个OverlayItem）   
  66.         overlay.addOverlay(overlayItem);  
  67.   
  68.         /** 
  69.          * 创建并添加第二个标记：美丽的乌伦古湖（经度：87.249693 纬度：47.276757） 
  70.          */  
  71.         point = new GeoPoint((int) (47.276757 * 1E6), (int) (87.249693 * 1E6));  
  72.         // 创建标记（乌伦古湖）   
  73.         overlayItem = new OverlayItem(point, "美丽的乌伦古湖", "乌伦古湖是中国十大淡水湖之一");  
  74.         // 将标记添加到图层中（可添加多个OverlayItem）   
  75.         overlay.addOverlay(overlayItem);  
  76.   
  77.         /** 
  78.          * 往地图上添加自定义的ItemizedOverlay 
  79.          */  
  80.         List<Overlay> mapOverlays = mapView.getOverlays();  
  81.         mapOverlays.add(overlay);  
  82.   
  83.         /** 
  84.          * 取得地图控制器对象，用于控制MapView 
  85.          */  
  86.         mapController = mapView.getController();  
  87.         // 设置地图的中心   
  88.         mapController.setCenter(point);  
  89.         // 设置地图默认的缩放级别   
  90.         mapController.setZoom(9);  
  91.     }  
  92.   
  93.     @Override  
  94.     protected boolean isRouteDisplayed() {  
  95.         return false;  
  96.     }  
  97.   
  98.     @Override  
  99.     protected void onDestroy() {  
  100.         if (mapManager != null) {  
  101.             mapManager.destroy();  
  102.             mapManager = null;  
  103.         }  
  104.         super.onDestroy();  
  105.     }  
  106.   
  107.     @Override  
  108.     protected void onPause() {  
  109.         if (mapManager != null) {  
  110.             mapManager.stop();  
  111.         }  
  112.         super.onPause();  
  113.     }  
  114.   
  115.     @Override  
  116.     protected void onResume() {  
  117.         if (mapManager != null) {  
  118.             mapManager.start();  
  119.         }  
  120.         super.onResume();  
  121.     }  
  122. }  

3）创建自定义的Overlay继承ItemizedOverlay      

 
  1. package com.liufeng.baidumap;  
  2.   
  3. import java.util.ArrayList;  
  4.   
  5. import android.content.Context;  
  6. import android.graphics.Canvas;  
  7. import android.graphics.Color;  
  8. import android.graphics.Paint;  
  9. import android.graphics.Point;  
  10. import android.graphics.drawable.Drawable;  
  11. import android.widget.Toast;  
  12.   
  13. import com.baidu.mapapi.ItemizedOverlay;  
  14. import com.baidu.mapapi.MapView;  
  15. import com.baidu.mapapi.OverlayItem;  
  16. import com.baidu.mapapi.Projection;  
  17.   
  18. /** 
  19.  * 自定义ItemizedOverlay 
  20.  *  
  21.  * @author liufeng 
  22.  * @date 2011-05-02 
  23.  */  
  24. public class CustomItemizedOverlay extends ItemizedOverlay<OverlayItem> {  
  25.   
  26.     private ArrayList<OverlayItem> overlayItemList = new ArrayList<OverlayItem>();  
  27.     private Context context;  
  28.   
  29.     public CustomItemizedOverlay(Drawable defaultMarker) {  
  30.         super(boundCenterBottom(defaultMarker));  
  31.     }  
  32.   
  33.     public CustomItemizedOverlay(Drawable marker, Context context) {  
  34.         super(boundCenterBottom(marker));  
  35.         this.context = context;  
  36.     }  
  37.   
  38.     @Override  
  39.     protected OverlayItem createItem(int i) {  
  40.         return overlayItemList.get(i);  
  41.     }  
  42.   
  43.     @Override  
  44.     public int size() {  
  45.         return overlayItemList.size();  
  46.     }  
  47.   
  48.     public void addOverlay(OverlayItem overlayItem) {  
  49.         overlayItemList.add(overlayItem);  
  50.         this.populate();  
  51.     }  
  52.   
  53.     @Override  
  54.     public void draw(Canvas canvas, MapView mapView, boolean shadow) {  
  55.         super.draw(canvas, mapView, shadow);  
  56.         // Projection接口用于屏幕像素点坐标系统和地球表面经纬度点坐标系统之间的变换   
  57.         Projection projection = mapView.getProjection();  
  58.         // 遍历所有的OverlayItem   
  59.         for (int index = this.size() - 1; index >= 0; index--) {  
  60.             // 得到给定索引的item   
  61.             OverlayItem overLayItem = getItem(index);  
  62.   
  63.             // 把经纬度变换到相对于MapView左上角的屏幕像素坐标   
  64.             Point point = projection.toPixels(overLayItem.getPoint(), null);  
  65.   
  66.             Paint paintText = new Paint();  
  67.             paintText.setColor(Color.RED);  
  68.             paintText.setTextSize(13);  
  69.             // 绘制文本   
  70.             canvas.drawText(overLayItem.getTitle(), point.x + 10, point.y - 15, paintText);  
  71.         }  
  72.     }  
  73.   
  74.     @Override  
  75.     // 处理点击事件   
  76.     protected boolean onTap(int i) {  
  77.         setFocus(overlayItemList.get(i));  
  78.         Toast.makeText(this.context, overlayItemList.get(i).getSnippet(), Toast.LENGTH_SHORT).show();  
  79.         return true;  
  80.     }  
  81. }  

4）配置AndroidManifest.xml     

 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
  3.       package="com.liufeng.baidumap"  
  4.       android:versionCode="1"  
  5.       android:versionName="1.0">  
  6.     <application android:icon="@drawable/icon" android:label="@string/app_name">  
  7.         <activity android:name=".MainActivity" android:label="@string/app_name">  
  8.             <intent-filter>  
  9.                 <action android:name="android.intent.action.MAIN" />  
  10.                 <category android:name="android.intent.category.LAUNCHER" />  
  11.             </intent-filter>  
  12.         </activity>  
  13.     </application>  
  14.   
  15.     <uses-sdk android:minSdkVersion="4" />  
  16.     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
  17.     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />  
  18.     <uses-permission android:name="android.permission.INTERNET" />  
  19.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  
  20.     <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />  
  21.     <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />  
  22.     <uses-permission android:name="android.permission.READ_PHONE_STATE" />  
  23. </manifest>   

api 地图api 百度地图api

jishume

jishume

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

python 爬虫如何实现百度翻译

本文将会通过爬虫的方式实现简单的百度翻译。本文中的代码只供学习，不允许作为于商务作用。若有侵犯，立即删文！在网站文件中找到隐藏的免费api。传入api所需要的参数并对其发出请求。在返回的json结果里找到相应的翻译结果。进入百度翻译，随便输入一段需要翻译的

染血白衣 2020-11-16

net core webapi多版本控制与swagger（nswag）配置教程

首先希望webapi支持多版本，swagger针对不同的版本可进行交互。这种方式很直观，但如果原有项目没有使用多版本控制不建议用，可采用header的方式更为合理一些，增加多个 [ApiVersion]即可。但是两个相同的版本中Controller不能有相

SAMXIE 2020-11-04

4个下一个JavaScript项目的有趣API

术语API是首字母缩写词，代表“应用程序编程接口”。同样，一个API也列出了一堆开发者可以使用的操作，以及对这些操作的描述。API使开发人员可以利用平台的实现来执行一些有用的任务，从而节省时间。这也有助于减少开发人员需要为其程序编写的代码行数，因为API使

一个智障 2020-11-15

前端api请求缓存方案

在开发 web 应用程序时，性能都是必不可少的话题。对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。而事实上，缓存一定是提

学习web前端 2020-11-09

Spring API 的 CORS 测试

在开发 API 和前端的时候，最麻烦的就是一个 CORS 测试。你不知道你的 API 是否允许 CORS，也不知道是不是因为前端的原因。但是 CORS 这个跨域访问确实让人非常头疼。## 写个页面为了解决这个问题，我们用 HTML 写了个页面，这个页面可以

yiranpiaoluo 2020-11-04

看看人家那后端API接口写得，那叫一个优雅！

在移动互联网，分布式、微服务盛行的今天，现在项目绝大部分都采用的微服务框架，前后端分离方式，。前端和后端进行交互，前端按照约定请求URL路径，并传入相关参数，后端服务器接收请求，进行业务处理，返回数据给前端。这样虽然能够照常满足业务，但状态码太凌乱了。这样

lxhuang 2020-11-03

WebAssembly及其 API 的完整介绍

自从引入计算机以来，本地应用程序的性能有了巨大的提高。相比之下，web 应用程序相当慢，因为 JS 一开始并不是为了速度而构建的。但是由于浏览器之间的激烈竞争以及JS 引擎如V8的快速开发，使得 JS 能够在机器上快速运行。但是它仍然不能超过本机应用程

88274956 2020-11-03

Postman API 获得文件如何保存

我们会使用 Postman 测试 API 的测试功能。如果我们直接使用 Postman 发送数据到 API ，API 会返回二进制的数据，然后 Postman 会尝试打开，很不幸的是，你将会看到下面的内容。有 2 个办法可以解决这个问题。一个是在发送的时候

82387067 2020-11-03

使用Node.js原生API写一个Web服务器

Node.js是JavaScript基础上发展起来的语言，所以前端开发者应该天生就会一点。一般我们会用它来做CLI工具或者Web服务器，做Web服务器也有很多成熟的框架，比如Express和Koa。所以本文其实是这两个源码解析的前置知识，可以帮我们更好的理

huangliuyu00 2020-10-29

Facebook：如何在Golang中搭建GraphQL？

本文转载自公众号“读芯术”。多年来，人们一直在使用REST API来满足开发需求，但得完成大量不必要的调用后，开发者才能灵活使用。本文将重点介绍GraphQL的主要功能，以及就API而言它存在的优缺点。文末将展示一个使用Golang的简单程序。Graph

sichenglain 2020-10-27

Java中的微信支付之一：API V3版本签名详解

最近在折腾微信支付，证书还是比较烦人的，所以有必要分享一些经验，减少你在开发微信支付时的踩坑。目前微信支付的 API 已经发展到V3版本，采用了流行的 Restful 风格。今天来分享微信支付的难点——签名，虽然有很多好用的 SDK 但是如果你想深入了解

Dayer 2020-10-27

Postman 测试 API 如何上传文件

很多时候我们都会用 Postman 来测试 API。如何在 Postman 中进行设置来上传文件？Postman 已经帮我们想到了。在进入 Postman 以后，找到你需要进行测试的 API，然后选择 body。其实主要开始很多人不知道怎么设置的原因是，你

小马的学习笔记 2020-10-23

「机器学习架构」一个真实世界机器学习系统的架构

在「机器学习」机器学习开发平台概述，我概述了ML开发平台，它们的工作是帮助创建和打包ML模型。模型构建只是ML系统所需的众多功能中的一项。在这篇文章的最后，我提到了其他类型的ML平台以及构建现实世界ML系统时的限制。在我们能够讨论这些之前，我们需要回顾这些

liuweiITlove 2020-10-14

服务网格和API网关在微服务架构中的作用

如果您从事微服务，那么您可能已经多次听说过这两个术语。人们常常在两者之间感到困惑。在本文中，我将详细讨论服务网格和API网关，并讨论何时使用。在深入研究服务网格和API网关之前，让我们重新访问网络层。API网关充当进入集群，数据中心或一组分布式服务的单个入

kjyiyi 2020-10-10

码农编写代码的方式即将改变，快加入等待列表吧

OpenAI API即将彻底改变编码。好吧，这很容易; 它应该是pwd。如果要导航到/ tmp文件夹怎么办?现在，您最想知道的是，用于计算当前文件夹中python文件数量的命令是什么?类型的f -name'* .py'| wc -l。这并不难，也可以通过其

fanjunjaden 2020-10-09

GraphQL初体验，Node.js构建GraphQL API指南

在过去的几年中，GraphQL[1]已经成为一种非常流行的API规范，该规范专注于使客户端的数据获取更加容易。但是，在GraphQL中，客户端可以精确地确定其从服务器获取的数据。与任何技术决策一样，了解GraphQL为你的项目提供了哪些优势是很重要的，而不

zhyue 2020-09-28

Webhooks与API的区别在哪里？

Webhooks起初看起来像是API，但它们略有不同。它们之间的主要区别在于，webhooks不需要发出请求即可获得响应，而API则需要发送请求才能获得响应。使用Webhooks可以接收，而API需要您检索。正确设置了Webhook之后，无论何时更新Git

huangliuyu00 2020-09-24

微软获GPT-3独家授权，可访问底层代码，API用户继续使用

微软今天宣布，获得OpenAI GPT-3的独家授权。毕竟也是投资10亿美元的金主爸爸，这个结果并不意外。虽然目前尚不清楚具体授权许可内容，但声明中说了，这项协议将允许微软其技术为自身客户开放和提供更优的AI解决方案。微软CTO、兼执行副总裁Kevin S

88397813 2020-09-23

Kafka都没整明白，还敢去面试？

放眼当下数据为王的时代，深入了解 Apache Kafka 及其常见的部署应用，快速实现数据架构已是大势所趋，刻不容缓。以下分别 Kafka 架构，四大核心 API，典型应用场景，Kafka 代理与消息主题，集群的创建，流 APIs及其处理模式等不同方面展

jyj0 2020-09-21

使用类似搭积木的低代码开发方式进行SAP API开发

Jerry之前的文章SAP API开发方法大全介绍的第七种SAP API开发方式，SAP Data Intelligence Graph，实际上是Low Code Development的一种体现。打开Modeler的Operators标签页，看到位于不同

zhyue 2020-09-19
jishume

jishume

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号