最近闲的没事干，发现滴滴出行的app，地图上的小汽车可以跑，很炫是不是，我们公司也是做车辆监控的app的，我就一直揣摩着怎么也让我们的小汽车在地图上跑来跑去啊，这样给人感觉好点，废话不说了，先看下滴滴出行的界面； 


1.我们的gps数据是车辆10秒上报一次位置数据；前端请求数据获取当前最新的gps位置； 

2.第一次请求到数据后我把所有的车辆先标记到地图上，高德地图有标记方法； 

3.标记到地图上以后，需要把marker存放到list记录下来(为了更新移动使用); 

4.当再次请求道新的gps数据的时候，我们需要平滑的移动到最新的位置，关键问题是再这里；怎么样在才能平滑移动呢，无非就是需要不断的移动从当前位置到最新的位置，这里就当时从A点移动到B点，无非就是marker.setPosition(),不断的调用知道B点，
List<Marker> markersMap = new ArrayList（Marker）;//存放地图上标记marker
private void addMarkToMap(List<MarkerCarOptions> markerCarOptions){

            if(markersMap.size()!=0){
            //markersMap不为空，说明是更新marker
            for (Marker marker : markersMap) {
                for (MarkerCarOptions options : markerCarOptions) {
                    if(marker.getObject().equals(options.car.getBusid())){
                        moverCar(marker, options);
                        break;
                    }
                }
            }
}
    /**
     * 更新地图车辆位置
     * @param markerCarOptions
     */
private void moverCar(final Marker marker,final MarkerCarOptions options){

        //1,获取到起点到终点的点，默认绘制4个点,最后一个为终点
        final List<LatLng> roads = new ArrayList<LatLng>();
        LatLng startLatLng = marker.getPosition();//小车当前位置
        LatLng endLatLng = options.markerOptions.getPosition();//终点位置

        LatLng latLng_2 = new LatLng((startLatLng.latitude+endLatLng.latitude)/2, (startLatLng.longitude+endLatLng.longitude)/2);
        LatLng latLng_1 = new LatLng((startLatLng.latitude+latLng_2.latitude)/2, (startLatLng.longitude+latLng_2.longitude)/2);
        LatLng latLng_3 = new LatLng((latLng_2.latitude+endLatLng.latitude)/2, (latLng_2.longitude+endLatLng.longitude)/2);

        roads.add(latLng_1);
        roads.add(latLng_2);
        roads.add(latLng_3);
        roads.add(endLatLng);
        Thread t =new Thread(new Runnable() {

            @Override
            public void run() {
                // TODO Auto-generated method stub

                try {

                    for (int i = 0; i < roads.size(); i++) {
                        marker.setPosition(roads.get(i));
                        Thread.sleep(200);
                    }
                    marker.setIcon(options.markerOptions.getIcon());

                } catch (Exception e) {
                    // TODO: handle exception
                    e.printStackTrace();
                }
            }
        });
        t.start();
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

5，最后需要说明的是，大家问平均获取的中间点这样获取到底对不对，我告诉你确切的说是不准确的，但是在10秒每次上报的数据之间来这样算是没错的；具体大家可以测下下就知道了，稍后再上了例子好了

大部分应用类APP都喜欢在主页左上角弄上个当前所在城市，那这种自动定位怎么实现的呢？下面以百度地图sdk为例，通过几句代码实现下：
1、代理：


BMKGeoCodeSearchDelegate
2、声明：


@property (nonatomic,
assign) CLLocationCoordinate2D coord;

@property (nonatomic,
strong) BMKGeoCodeSearch *searchAddress;

@property (nonatomic,
strong) BMKReverseGeoCodeOption *mapOption;

3、创建并发起检索


- (void)viewDidLoad {


// 具体位置

    _mapOption = [[BMKReverseGeoCodeOption
alloc] 
init];

    _mapOption.reverseGeoPoint =
_coord;

    _searchAddress = [[BMKGeoCodeSearch
alloc] 
init];

    _searchAddress.delegate =
self;

   [_searchAddress
reverseGeoCode:_mapOption];
}


4、代理方法里接收到消息，解析就可以啦


-(void)onGetReverseGeoCodeResult:(BMKGeoCodeSearch *)searcher result:(BMKReverseGeoCodeResult
 *)result errorCode:(BMKSearchErrorCode)error{

}

 

     道格拉斯-普客算法介绍地址：https://www.jianshu.com/p/bf595477a124

     楼主是一名Abaper，最近看到有小伙伴需求：客户的APP有定位功能，每当打开手机打开GPS时，就会每隔五分钟，将定位点上传到高德猎鹰服务器。然后SAP端通过轨迹ID，调用猎鹰接口获取轨迹；但通过高德地图获取的定位点，有很多点的位置很偏，需要去掉。关于怎么去掉，猎鹰有自带的抽稀算法。

      于是，楼主出于兴趣，也模仿算法，写了个简易程序。

*&---------------------------------------------------------------------*
*& Report ZQUART
*&---------------------------------------------------------------------*
*&道格拉斯-普克（Douglas-Peuker)算法
*& 注：gt_data 中存入的是算法前的坐标，gt_result中是存的是执行算法后的坐标
*&     p_eps 代表阈值
*&---------------------------------------------------------------------*
REPORT zquart.

TYPES: BEGIN OF ty_point,
         x TYPE p DECIMALS 5,"横坐标
         y TYPE p DECIMALS 5,"纵坐标
       END OF ty_point.
DATA: gt_data TYPE STANDARD TABLE OF ty_point,
      wa_data TYPE ty_point.
DATA: gt_result TYPE STANDARD TABLE OF ty_point.
DATA: wa_point1 TYPE ty_point.
DATA: wa_point2 TYPE ty_point.
DATA: wa_point3 TYPE ty_point.

DATA: distance TYPE p DECIMALS 5.

PARAMETERS: p_eps TYPE p DECIMALS 5. "道格拉斯算法的阈值

START-OF-SELECTION.
  wa_data-x = 1.
  wa_data-y = 1.
  APPEND wa_data TO gt_data.

  wa_data-x = 5.
  wa_data-y = 5.
  APPEND wa_data TO gt_data.

  wa_data-x = 1.
  wa_data-y = 3.
  APPEND wa_data TO gt_data.

  wa_data-x = 3.
  wa_data-y = 6.
  APPEND wa_data TO gt_data.

  wa_data-x = 4.
  wa_data-y = 1.
  APPEND wa_data TO gt_data.

  wa_data-x = 6.
  wa_data-y = '1.5'.
  APPEND wa_data TO gt_data.

  wa_data-x = 20.
  wa_data-y = 20.
  APPEND wa_data TO gt_data.

  wa_data-x = 10.
  wa_data-y = '8.4'.
  APPEND wa_data TO gt_data.


  SORT gt_data BY x."按横坐标排序

  APPEND gt_data[ 1 ] TO gt_result.  "起点
  APPEND gt_data[ lines( gt_data ) ] TO gt_result. "终点

  PERFORM find_point TABLES gt_data.
  SORT gt_result BY x.

  WRITE:/ '==================================================================='.

  LOOP AT gt_result INTO wa_data.
    WRITE: / wa_data-x, wa_data-y.
  ENDLOOP.

END-OF-SELECTION.


  "计算点point0到直线（point1，point2）的距离
FORM calc_distance USING point1 TYPE ty_point
                         point2 TYPE ty_point
                         point0 TYPE ty_point
                     CHANGING distance TYPE p .

  DATA a TYPE p DECIMALS 5.
  DATA b TYPE p DECIMALS 5.
  DATA c TYPE p DECIMALS 5.
  DATA: k TYPE p   DECIMALS 5.

  "如果横坐标相当，距离为点的横坐标减去直线的横坐标
  IF point2-x = point1-x.
    distance = abs( point0-x - point1-x ).
    EXIT.
  ENDIF.

  IF point2-y = point1-y.
    "如果斜率为零，那么距离为
    distance = abs( point0-y - point1-y ).
    EXIT.
  ENDIF.

  "斜率
  k = ( point2-y - point1-y ) /  ( point2-x - point1-x ).
  a = k.
  b = -1.
  c = point1-y - k * point1-x.

  distance = abs( a * point0-x + b * point0-y + c ) / sqrt( a * a + b * b ).

ENDFORM.

FORM find_point TABLES t_table." TYPE STANDARD TABLE ty_point.
  DATA: max_distance TYPE p DECIMALS 5.
  DATA: max_index TYPE i.  "记录距离最长点在内表中的索引
  DATA: current_distance TYPE p DECIMALS 5.
  DATA: table_left  TYPE STANDARD TABLE OF ty_point,
        table_right TYPE STANDARD TABLE OF ty_point.

  IF lines( t_table ) < 3.
    RETURN.
  ENDIF.

  wa_point1 = t_table[ 1 ].
  wa_point2 = t_table[ lines( t_table ) ].

  LOOP AT t_table INTO wa_data .
    AT FIRST .
      CONTINUE.
    ENDAT.

    AT LAST .
      CONTINUE.
    ENDAT.

    PERFORM calc_distance USING wa_point1
                                wa_point2
                                wa_data
                          CHANGING current_distance.
    IF current_distance > max_distance.
      max_distance = current_distance.
      max_index = sy-tabix.
    ENDIF.
  ENDLOOP.

  "如果最大距离大于阈值，则此点满足条件。将数据存入内表
  IF max_distance >= p_eps.
    APPEND t_table[ max_index ] TO gt_result.

    "左右两边分别调用form,再次寻找满足条件的点
    APPEND LINES OF t_table FROM 1 TO max_index TO table_left .
    APPEND LINES OF t_table FROM max_index TO lines( t_table ) TO table_right .

*如果内表中有2个以上的点，则再次寻找大于阈值的点
    IF lines( table_left ) > 2.
      PERFORM find_point TABLES table_left.
    ENDIF.

    IF lines( table_right ) > 2.
      PERFORM find_point TABLES table_right.
    ENDIF.
  ENDIF.

ENDFORM.

最终结果，根据阈值的不同，抽稀后得到的坐标点也不一样：





 

 

 

 

微信小程序地址导航功能
1. 微信小程序地址导航功能通过点击地址或者导航来调用微信小程序自带的api来获取到自己的位置，并且进行跳转，然后再在新的页面里打开外部程序，例如高德地图或者百度地图，打开之后会自动出现导航页面，不过需要提前设置好目的地，因为没有请求，所以我是直接写死的，一会儿会说如果是请求来的应该怎么做。
2. 首先需要在app.json文件里声明permission字段，因为开发者需要填写获取用户地理位置的用途说明，如果不写则会出现如下图的弹框：



声明promission字段需要在app.json中的第一个大括号里面声明，代码如下：
 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  }

3. 接下来则需要在wxml里写了，代码如下：
<view bindtap="onGuideTap" data-latitude='35.41408' data-longitude='114.066224' data-bankName='新乡医学院'  style="margin-top:30rpx">
	<image style="width:36%;height:110rpx;" class="mix" src="/image/导航.png"></image>
	<view><text>地图导航</text></view>
</view>

因为我写的是样式是点击这个图片或者字，可以跳转到导航页面，当然也可以写其他方法，只要将view后边的写上去就行了，上边的代码，其中bindtap就是一个事件，当点击地图导航的时候，会执行这个函数，来跳转到导航页面，后边的data-latitude和data-longitude都是即将要导航到那里的经纬度，后边的名称。
4.接下来就是wxjs文件了，代码如下：
 onLoad: function(options) {
    var that = this
    //获取当前的地理位置、速度
    wx.getLocation({
      type: 'wgs84', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标
      success: function (res) {
        //赋值经纬度
        that.setData({
          latitude: res.latitude,
          longitude: res.longitude,
        })
      }
    })
  },
  bindcontroltap(e) {
    var that = this;
    if (e.controlId == 1) {
      that.setData({
        latitude: this.data.latitude,
        longitude: this.data.longitude,
        scale: 14,
      })
    }
  },
   onGuideTap: function (event) {
    var lat = Number(event.currentTarget.dataset.latitude);
    var lon = Number(event.currentTarget.dataset.longitude);
    var bankName = event.currentTarget.dataset.bankname;
    console.log(lat);
    console.log(lon);
    wx.openLocation({
      type: 'gcj02',
      latitude: lat,
      longitude: lon,
      name: bankName,
      scale: 28
    })
  },

注：运行的时候需要在手机上调试，才可以看出效果