徒手造咕咚之基础篇(1):初识高德地图SDK

前言:地图,定位等SDK在现在的app中应用越来越广泛了。无论是百度家的还是高德家的,哪个“正儿八经”的app要是不用点他们的产品总感觉这个档次就上不去(有实力的大厂除外)~尤其在大数据时代,用户什么时间在什么坐标,停留了多久等数据看似无用,实际上早已被很多app暗中上传、暗中分析、暗中观察了有木有!


扯太远,今天想就以前做过的一款运动app(类似咕咚)简单的谈谈高德SDK的使用整个系列大概会写七八篇,每篇针对不同的点来谈谈高德相关SDK的具体运用一环套一环,最后连起来,一个简版的 咕咚 运动软件就造出来啦! 高德api并不完美,一样有很多坑,写这个系列的目的一是总结一下之前get到的知识,另一方面也是帮助需要做类似功能的朋友们更好的运用SDK,避免一些大坑~

高德SDK涉及到东西很多,跟百度一样,有 定位,地图,导航等好几大模块,既然都说了要徒手造咕咚,而咕咚的核心是运动数据记录,涉及到定位!定位又需要地图作为基础,so,这里先通过几个demo带大家 从基本的地图SDK入手!

一、初识高德地图SDK常见类

整个高德地图api也是采用面向对象的设计思路,SDK包含了各种具有不同能力的类,开发者要做的其实很简单

  1. 明确要实现的功能。
  2. 找到与之有关的类,查看该类在官方demo中的应用
  3. 写逻辑实现

废话不多说,下面直接重点介绍最最最重要的几个类

MapView:地图对象。

整个地图view,它的内部包含了很多其他的小对象,如一个“覆盖物”,一条“线”,一个“点”,一个“面”等,它有和activity类似的生命周期,并且需要在activity调用生命周期的方法里一起调用如:

/*
 * 方法必须重写
 */
@Override
protected void onPause() {
    super.onPause();
    mapView.onPause();
    //deactivate();  
}


AMap:地图控制器。

每个MapView都会有一个地图控制器,顾名思义,地图控制器就是用来控制这个地图对象的。 怎么个控制法?问得好!
整个地图SDK涉及到的功能无外乎

  1. 地图旋转,缩放,自带部件显示(主要包含地图上的指南针,比例尺等东西)
  2. 地图添加点,线,面,立体物
  3. 添加各种监听(地图加载状态监听,物体点击监听,物体状态改变监听等等等一大堆,)
  4. 控制相机 (相机模块下面会有介绍,不要急)
  5. 地图截屏,距离、面积计算等

总结下来就这么几大类,几乎每种都需要用到AMap~所以,这个类很强大,很重要。


CameraUpdateFactory:相机工场类。

这是一个很容易被名字误导的类,Camera?自拍么?

要知道,地图是很大的,手机屏幕是很小的,如何在很小的屏幕上去呈现这个很大的地图呢?自然就需要缩放和截取,屏幕上看到的地图永远是经过 缩小,和截取的一部分区域!而具体 缩放多少,截取呈现哪一部分呢?这个就是通过CameraUpdateFactory来控制的。

结合名字理解:相机更新工场,不难猜出,工场设计模式,那么其返回CameraUpdate对象,作用是更新当前的显示区域。

例如:目前的比例尺是x:1,屏幕显示的是上梅林卓越这边的缩放图。如果我想实现点击某个按钮后,屏幕由上梅林切换到相隔数千米外的景田莲花山(切换的方式有多种,闪切或者带动画的平移过去等都能实现) 就要用上CameraUpdateFactory了。

一个这么厉害的类,自然封装了很多了不得的方法~不会用不要急,这里先了解就好。


LatLng:高德坐标点。

这是一个包含经度longitude 和纬度latitude的坐标类,上面那个示例中的第一行代码其实就是获取一个高德坐标点而已。

所谓点连成线,咕咚的运动记录里面其实就是将一个个类似LatLng的点连起来而已,最后附上颜色,看起来就成了一段连贯的线~

至于怎么做到那么平滑,还有为什么说是类似LatLng的点 这两个问题后面回答~


Marker :地图覆盖物

这是一个灰常有用的类,顾名思义,覆盖在地图上的物体! 任何东西(图片,文字,一个View) 都可以通过构造一个Marker来添加到地图MapView上面显示出来~先看效果

如图。在刚才移动到的坐标上添加一个Marker(其实是一个View),看看代码:

   LatLng start=new LatLng(dps.get(0).getLat(),dps.get(0).getLon());  //还是获取那个点LatLng
    MarkerOptions markerOptions = new MarkerOptions();   //Marker的构造辅助类MarkerOptions,其实就是设置Marker的各种属性
    markerOptions.anchor(0.5f, 0.5f);                    //中心基准位置
    markerOptions.icon(BitmapDescriptorFactory.fromView(getStartViewByXML(mContext, R.drawable.testhead)));
   //上面这行是重点  设置覆盖物的icon  通过BitmapDescriptorFactory的fromView方法,顾名思义~就是从一个view加载,
   //所以getStartViewByXML(mContext, R.drawable.testhead)方法就是LayoutInflater出一个view罢了,只不过恰巧,这个view很美!!!
    markerOptions.visible(true);                       //设置可见
    markerOptions.position(start);                     //这个 覆盖物的位置,就是那个坐标点喽
    markerOptions.perspective(true).draggable(false);  //不让拖拽~
    markerOptions.setFlat(true);                      //属性太多 这个忘了,,不是很重要
    aMap.addMarker(markerOptions);                   // 看到没,,aMap又登场了! 简直就是场控


Polyline :线段

到这里~基础篇的主角登场啦!没错,就是线段!咕咚运动的轨迹回放模块核心就是呈现你运动的轨迹,而线段,就是轨迹的具体表现形式!这里上三张图对比

第一张:咕咚轨迹回放截图
第二张:之前的基础上添加了另外一个不太美的Marker,然后连成Polyline
第三张:将第一张放大,可以看到原来图1中平滑的轨迹立马出现明显的棱角(9个点连起来的8段线)

结论:咕咚的轨迹回放功能的本质就是记录下运动过程中的若干坐标点,最后将这些点两两连成线就成了轨迹!就是这么简单!!

到此,徒手造咕咚系列的第一篇就写完了!你看吧,其实咕咚核心的功能之一:轨迹回放模块灰常简单,简单到笔者只是调用几个高德api,秀下恩爱,撸两行代码就差不多实现了~


最后的最后再BB两句~慢跑是很一项很不错的运动!希望大家在“沉迷工作无法自拔”的同时每周能抽出点时间出去跑两步久坐,长吹空调的话,偶尔出点汗,对身体是极好的呦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,219评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,363评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,933评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,020评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,400评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,640评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,896评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,597评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,327评论 1 244
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,581评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,072评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,399评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,054评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,849评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,672评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,585评论 2 270

推荐阅读更多精彩内容