Service+WebSocket实现实时定位

最新推荐文章于 2024-07-22 13:40:27 发布
最新推荐文章于 2024-07-22 13:40:27 发布
阅读量1k 收藏 3
点赞数
分类专栏： Android 网络 文章标签： 实时定位

背景

最近遇到了这样一个需求：实现一个实时定位功能，并将定位到的信息上传至服务器。

思路

首先实现一个长生命周期的Service服务；
其次通过BroadcastReceiver监听系统广播，当Service被杀死的时候重新启动服务；
然后采用百度地图进行定时定位；
最后使用SharedPreferences将定位信息过滤后通过WebSocket上传至服务器。

实现

Service服务
public class LocateService extends Service {

    private boolean isRun = true;
    private MapLocationHelper location;
    private SharedPreferencesHelper sp;
    private WebSocket socket;
    private Gson mGson;

    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        initData();
        return START_STICKY;
    }

    /**
     * 初始化数据
     */
    private void initData() {
        isRun = true;
        location = MapLocationHelper.getInstance();
        sp = SharedPreferencesHelper.getInstance();
        socket = WebSocket.getInstance();
        if (mGson == null) {
            mGson = new Gson();
        }
        thread.start();
    }

    Thread thread = new Thread(new Runnable() {
        @Override
        public void run() {
            while (isRun) {
                try {
                    Message msg = new Message();
                    msg.what = 1;
                    mHandler.sendMessage(msg);
                    Thread.sleep(3000);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }
    });

    Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
                case 1:
                    if (location.isLocation() == false) {
                        location.startLocation();
                    }

                    String longitude = String.valueOf(location.getLongitude());
                    String latitude = String.valueOf(location.getLatitude());
                    if (location.getLongitude() != 0.0 && location.getLatitude() != 0.0) {
                        if (!sp.get("longitude", "").equals(longitude)
                                || !sp.get("latitude", "").equals(latitude)) {

                            sp.put("longitude", longitude);
                            sp.put("latitude", latitude);

                            String str = mGson.toJson(new Format(200,
                                    new Locate(longitude, latitude)));
                            socket.sendMessage(str);
                        }
                    }
                    break;
            }
        }
    };

    /**
     * 重启服务
     */
    private void restartService() {
        if (!ServiceUtil.isServiceRunning(this, Constant.SERVICE_NAME)) {
            isRun = false;
            MapLocationHelper.getInstance().stopLocation();
            WebSocket.getInstance().closeConnect();
            SharedPreferencesHelper.getInstance().clear();
            Intent intent = new Intent(this, LocateService.class);
            this.startService(intent);
        }
    }

    @Override
    public void onTrimMemory(int level) {
        super.onTrimMemory(level);
        restartService();
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        restartService();
    }
}
   
   
  • 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
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104

在Service中主要对定位进行了管理，没有开始定位的时候开启定位；通过定位帮助类得到经纬度信息，采用SharedPreferences来获取、更新定位信息，当前定位信息和保存信息不同时进行数据更新并将数据封转成json格式字符串通过WebSocket发送上传至服务器。

BroadcastReceiver监听系统广播

在AndroidManifest.xml中注册广播：

<receiver
    android:name=".receiver.LocateReceiver"
    android:exported="true">
    <intent-filter android:priority="1000">
        <!-- 系统启动完成后会调用 -->
        <action android:name="android.intent.action.BOOT_COMPLETED" />
        <!-- 解锁完成后会调用 -->
        <action android:name="android.intent.action.USER_PRESENT" />
        <!-- 监听情景切换 -->
        <action android:name="android.media.RINGER_MODE_CHANGED" />
        <!-- 网络状态 -->
        <action android:name="android.net.conn.CONNECTIVITY_CHANGE" />
    </intent-filter>
</receiver>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

添加权限：

<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
   
   
  • 1
  • 2

在Application中动态注册广播：

private void initReceiver() {
    IntentFilter filter = new IntentFilter();
    filter.addAction(Intent.ACTION_TIME_TICK);
    filter.addAction(Intent.ACTION_SCREEN_OFF);
    filter.addAction(Intent.ACTION_SCREEN_ON);
    LocateReceiver receiver = new LocateReceiver();
    registerReceiver(receiver, filter);
}
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

广播监听：

public class LocateReceiver extends BroadcastReceiver {

    @Override
    public void onReceive(Context context, Intent intent) {
        if (intent.getAction().equals(Intent.ACTION_USER_PRESENT)
                || intent.getAction().equals(Intent.ACTION_BOOT_COMPLETED)
                || intent.getAction().equals(Intent.ACTION_TIME_TICK)
                || intent.getAction().equals(Intent.ACTION_SCREEN_OFF)
                || intent.getAction().equals(Intent.ACTION_SCREEN_ON)
                || intent.getAction().equals(ConnectivityManager.CONNECTIVITY_ACTION)) {
            if (!ServiceUtil.isServiceRunning(context, Constant.SERVICE_NAME)) {
                Intent service = new Intent(context, LocateService.class);
                context.startService(service);
            }
        }
    }
}
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

在BroadcastReceiver中主要对系统的开机、解锁、系统时间、屏幕打开/关闭、网络状态等系统广播进行了监听，若当前Service不在运行则重新启动Service服务。

百度定位
public class MapLocationHelper {

    private Context context;
    private String province;// 省
    private String city;// 市
    private String county;// 区/县
    private double longitude;// 经度
    private double latitude;// 纬度
    private String address;// 地址
    private boolean isLocation = false;// 是否定位
    private short mSpanTime = 2 * 1000;// 定位间隔
    private LocationClient mLocationClient = null;
    private MyBDLocationListener mMyBDLocationListener = null;// 接受百度地图定位的回调类
    private OnLocationListener mLocationListener = null;// 自定义的定位回调接口, 主要是对百度地图定位的封装
    private static MapLocationHelper instance = null;

    public MapLocationHelper() {
        this.context = MyApplication.getContext();
    }

    public static MapLocationHelper getInstance() {
        if (instance == null) {
            synchronized (MapLocationHelper.class) {
                if (instance == null) {
                    instance = new MapLocationHelper();
                }
            }
        }
        return instance;
    }

    /**
     * 启动定位
     */
    public void startLocation() {
        isLocation = true;
        if (mLocationClient == null) {
            mLocationClient = new LocationClient(context);
        }
        if (mMyBDLocationListener == null) {
            mMyBDLocationListener = new MyBDLocationListener();
        }
        // 注册监听函数,当没有注册监听函数时，无法发起网络请求
        mLocationClient.registerLocationListener(mMyBDLocationListener);
        // LocationClientOption 该类用来设置定位SDK的定位方式 设置定位参数
        LocationClientOption option = new LocationClientOption();
        option.setOpenGps(true);// 可选，默认false,设置是否使用gps
        option.setAddrType("all");// 返回的定位结果包含地址信息
        option.disableCache(false);// 禁止启用缓存定位
        option.setLocationMode(LocationClientOption.LocationMode.Hight_Accuracy);//设置定位模式
        option.setCoorType("bd09ll");//返回的定位结果是百度经纬度,默认值gcj02
        option.setScanSpan(mSpanTime);// 设置发起定位请求的间隔时间：单位ms
        option.setIsNeedAddress(true);//返回的定位结果包含地址信息
        option.setNeedDeviceDirect(true);//返回的定位结果包含手机机头的方向
        // 设置定位参数
        mLocationClient.setLocOption(option);
        // start：启动定位SDK stop：关闭定位SDK 调用stop之后，设置的参数LocationClientOption仍然保留
        mLocationClient.start();
        mLocationClient.requestLocation();
    }

    /**
     * 停止定位
     */
    public void stopLocation() {
        if (mLocationClient != null) {
            if (mMyBDLocationListener != null) {
                mLocationClient.unRegisterLocationListener(mMyBDLocationListener);
            }
            mLocationClient.stop();
            mLocationClient = null;
            isLocation = false;
        } else {
            isLocation = false;
        }
    }

    /**
     * 实现百度地图的接口
     */
    public class MyBDLocationListener extends BDAbstractLocationListener {

        @Override
        public void onReceiveLocation(BDLocation location) {
            if (null != location && location.getLocType() != BDLocation.TypeServerError) {
                if (mLocationListener != null) {
                    mLocationListener.onReceiveLocation(location);
                }
                isLocation = true;

                // 获得当前定位信息
                StringBuffer sb = new StringBuffer();
                province = location.getProvince();// 省
                city = location.getCity();// 市
                county = location.getDistrict();// 区/县
                longitude = location.getLongitude();// 经度
                latitude = location.getLatitude();// 纬度
                address = location.getAddrStr();// 详细地址

                sb.append("省：" + province + "\n");
                sb.append("市：" + city + "\n");
                sb.append("区/县：" + county + "\n");
                sb.append("经度：" + longitude + "\n");
                sb.append("纬度：" + latitude + "\n");
                sb.append("详细地址：" + address);
            } else {
                stopLocation();
            }
        }
    }

    /**
     * 经度
     */
    public double getLongitude() {
        return longitude;
    }

    /**
     * 纬度
     */
    public double getLatitude() {
        return latitude;
    }

    /**
     * 是否定位
     */
    public boolean isLocation() {
        return isLocation;
    }

    /**
     * 定位间隔时间
     */
    public void setmSpanTime(short mSpanTime) {
        this.mSpanTime = mSpanTime;
    }

    /**
     * 手动触发一次定位请求
     */
    public void requestLocClick() {
        mLocationClient.requestLocation();
    }

    /**
     * 设置自定义的监听器
     */
    public void setOnLocationListener(OnLocationListener locationListener) {
        this.mLocationListener = locationListener;
    }

    public interface OnLocationListener {
        void onReceiveLocation(BDLocation location);
    }
}
   
   
  • 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
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157

百度地图的集成详见： 百度定位
通过继承BDAbstractLocationListener接口实现onReceiveLocation方法，在其方法中获取到经纬度等相关信息。

WebSocket连接
public class WebSocket {

    private static WebSocket instance = null;
    private WebSocketConnection mConnect;
    private static final String wsUri = "ws://112.74.43.157:3002";
    private String mMsg = "";

    private WebSocket() {
        webSocketConnect(false);
    }

    public static WebSocket getInstance() {
        if (instance == null) {
            synchronized (WebSocket.class) {
                if (instance == null) {
                    instance = new WebSocket();
                }
            }
        }
        return instance;
    }

    /**
     * WebSocket连接，接收服务器消息
     */
    private void webSocketConnect(boolean isMsg) {
        if (mConnect == null) {
            mConnect = new WebSocketConnection();
        }
        try {
            mConnect.connect(wsUri, new WebSocketHandler() {

                @Override
                public void onOpen() {
                    super.onOpen();
                    // 连接启动时回调
                    LogUtil.e("Connect To: " + wsUri);
                }

                @Override
                public void onTextMessage(String payload) {
                    super.onTextMessage(payload);
                    // 接收到消息后回调
                    LogUtil.e("接收消息：" + payload);
                }

                @Override
                public void onClose(int code, String reason) {
                    super.onClose(code, reason);
                    // 关闭连接时候的回调
                    webSocketConnect(false);
                    Log.i(TAG, "Connect Close......");
                }
            });
        } catch (WebSocketException e) {
            e.printStackTrace();
        }
        if (isMsg) {
            sendMessage(mMsg);
        }
    }

    /**
     * 发送消息
     */
    public void sendMessage(String msg) {
        this.mMsg = msg;
        LogUtil.e("发送消息内容：" + msg);
        if (mConnect != null && mConnect.isConnected()) {
            mConnect.sendTextMessage(msg);
        } else {
            webSocketConnect(true);
        }
    }

    /**
     * 断开连接
     */
    public void closeConnect() {
        if (mConnect != null && mConnect.isConnected()) {
            mConnect.disconnect();
            mConnect = null;
        }
    }
}
   
   
  • 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
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85

通过WebSocket将封装好的json字符串发送上传至服务器。

WebSocket的利弊：
优点：与Socket相比可以节省额外的端口占用，直接使用一个公网域名访问，另外协议对报文的流量消耗做了优化。
缺点：毕竟WebSocket底层也是Socket连接，因而当大并发用户连接时也会消耗较多资源。

其他设置

1、设置Android当前任务管理器不显示应用进程

在Android框架中维护了一个叫“最近运行”的应用程序列表用以方便进行应用程序的切换。其通过AndroidManifest.xml中的activity标签定义了excludeFromRecents这样一个属性，该属性表示应用程序是否将Activity从最近运行的应用程序列表中移除。android:excludeFromRecents="true"表示移除，反之则不移除，默认值为false。此属性设置的前提是该Activity是某个任务的根Activity。

<activity
    android:name=".MainActivity"
    android:excludeFromRecents="true">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

2、设置Android隐藏自己的APP应用程序

通过修改AndroidManifest.xml清单文件来达到隐藏自身应用的目的，在Activity标签<intent-filter>节点下添加<data/>节点。

<activity
    android:name=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <data
            android:host="com.example.hideapp"
            android:scheme="access" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

以上还可以这样表示：

<activity
    android:name=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <data android:scheme="access" />
        <data android:host="com.example.hideapp" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

项目地址 ☞ 传送门

        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css">
            </div>
hizhangyuping
关注
专栏目录
高德地图+websocket
08-10
通过websocket与高德地图api实现坐标点的实时刷新，本人亲写，没带建表语句，自己看下就知道那几个字段，望好评
socket php 实时定位,利用websocket 于PHP 进行实时数据更新
weixin_35662528的博客
03-29 527
HTTP协议的特性：属于“请求-响应”模型，只有客户端发起了请求消息，服务器才能给出响应消息，没有请求，就没有响应；一个请求消息，服务器只能返回一个响应消息。有些特殊应用场景中，如“在线股票”、“聊天室”等，需要模拟呈现出“客户端不发请求，服务器也在不停的给出响应”效果，若使用HTTP协议，只能使用“AJAX+定时器”来近似的实现——心跳请求，问题：心跳过慢则信息的实效性差，心跳过快则服务器压力太...
websocket实现进度条
最新发布
程序员日志
07-22 538
简易websocket实现进度条的小练习。
基于WebSocket 的百度地图位置互享
black-ant
02-28 2343
一 功能简述 基于websocket 基于百度地图 实现位置互享 二 百度地图基本使用 百度地图开发平台 注册百度账户并且开启百度开发，获得AK码（注意浏览器需要选择浏览器版） 使用AK码获得JavaScript , 具体使用方法参考API文档，很简单 以下是简单封装的文档 var _maplink = "https://api.map.baidu.com/api?v=3.0&amp;ak...
WebSocket与JavaScript：实现实时获取位置
qq_43474235的博客
12-17 267
WebSocket是一种在单个TCP连接上进行全双工通信的协议。与传统的HTTP请求相比，WebSocket能够在服务器和客户端之间建立持久连接，实现实时数据传输。WebSocket提供了较低的延迟和高效的数据传输。在实时舆情监测中，它能够实时接收舆情数据，并将数据传送给前端进行处理。WebSocket与JavaScript的结合应用在实时位置中扮演了重要的角色。WebSocket作为一种实时通信协议，能够实现服务器与客户端的双向实时通信。
基于WebSocket的车辆GPS信息实时推送系统的实现.pdf
09-07
基于WebSocket的车辆GPS信息实时推送系统的实现.pdf
Android 百度地图获取定位信息并实时传给后台
06-01
在Android应用开发中，利用百度地图API获取用户的...通过以上步骤，我们可以实现Android应用利用百度地图获取定位信息，并实时传送给后台服务器。注意，在实际开发中，需要根据具体需求和规范对代码进行调整和优化。
基于安卓的定位追踪系统
01-19
同时，为了实时共享位置，可能需要与服务器进行数据交互，这就涉及到了网络编程，比如使用HTTP/HTTPS请求或WebSocket进行实时通信。对于初学者，可以使用`Retrofit`或`Volley`等网络库简化这部分工作。 再者，**...
基于 MUI 框架实现的 HTML5+ 兼容.zip
02-13
7. **WebSocket**：HTML5的WebSocket协议提供了全双工、低延迟的通信方式，可以实现实时通信，例如聊天应用、实时股票报价等。 8. **Web Workers**：Web Workers允许多线程处理，将计算密集型任务从主线程分离出来...
ml_assistant：打算作为machine_learning_service的前端，通过websocket和聊天进行交互
02-15
"ml_assistant" 则扮演着用户与这个机器学习服务之间的桥梁角色，它通过 "websocket" 技术来实现实时的双向通信，允许用户以自然的方式（如聊天）与机器学习服务进行交互。 【描述解读】 描述中的 "旨在作为machine...
forex-service
04-18
为了提供实时的外汇市场数据，"forex-service" 可能利用了WebSocket协议。WebSocket允许双向通信，可以持续地从服务器接收更新的数据，例如最新的汇率信息。开发者可能会使用 ws 或 socket.io 库来处理WebSocket连接...
vue项目引入高德，实现小车实时渲染车辆轨迹
m0_57997609的博客
03-19 1238
vue在高德地图实现渲染车辆以及轨迹
Django中的实时通信：WebSockets与异步视图的结合
一键难忘的博客
04-17 4006
在现代Web应用程序中，实时通信已经成为了必不可少的功能之一。无论是在线聊天、实时数据更新还是实时通知，都需要通过实时通信技术来实现。Django作为一个强大的Web框架，提供了许多工具来构建各种类型的Web应用程序，但是在实时通信方面，传统的请求-响应模式显然无法满足需求。在这篇文章中，我们将探讨如何利用Django中的WebSockets和异步视图来实现实时通信功能。
GPS转换百度地图坐标&websocket(stomp)实现动态打点
zwrlj527的专栏
11-16 5734
序        这会已经下班乐，本来觉得这个好像没有什么新东西。最后决定还是趁现在下班写写是因为要让大家看看单技术组合使用的意义。这里就是在上次springBoot+thymeleaf+layui后端极速做前后端开发的基础上增加内容： 1、接入百度地图 2、接入以前分享过的websocket + stomp 3、实现一个动态地图打点（这里用于做定位设备的实时位置打点） 一、百度地图接入    &nbsp
基于webSocket高德地图的轨迹点页面代码分析
dazeka的博客
04-04 505
使用websocket搭配高德地图实时绘制轨迹点
Websocket学习笔记
江左盟的博客
05-31 1221
本文详细记录了Websocket学习笔记，包括协议报文分析、使用场景分析和案例、编程使用和安全性分析。更好的帮助初学者由浅到深学习Websocket。
整合百度地图，显示停车场位置，停车位详情，使用WebSocket实现动态刷新
程序杨的博客
01-02 6505
我会在近段时间内把之前的项目上遇到的一些我觉得需要记录的需求、问题给写下来，来弥补之前没有写博客的习惯。 需求背景：由于郑州市停车难，难停车，车位利用率低，停车管理存在问题，乱收费现象严重，虽然政府三令五申多次下达文件整顿，但还是有些地方存在问题，所以市政府有意向沿海一些城市学习，将地上停车位和互联网结合。 需求：当管理员登录智慧停车项目后台时，首页需要展示当前地区的停车场信息，以及每个停车场的停...
vue使用google地图（二）实现标记实时运动（基于websocket）
Dreamer_xr的博客
12-29 2919
最近外卖项目，需要实现一些地图的功能，前几天写了一个关于marker 和 InfoWindow、自定义label的文章，只是简单地例子。详情点击vue中使用google地图（自定义label、信息窗口） 有不懂的欢迎留言，我每天都上博客，一定及时回复大家，如有不足希望批评指正。 那么，今天在这里写一个曾经我可望而不可即的功能，外卖骑手实时在地图上运动。具体需求是点击按钮创建弹窗，并且创建地图与...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值