高德地图（第二篇）测量距离小工具

最新推荐文章于 2024-05-10 20:32:03 发布
最新推荐文章于 2024-05-10 20:32:03 发布
阅读量2.8k 收藏 5
点赞数 1
分类专栏： Amap 高德地图指南 文章标签： 高德地图 测量 Measure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_theSun/article/details/95503663
版权

实现如下图一样的小工具

操作说明：

1.在地图上长按选点，第一个点添加起点marker,底部导航点为红色表示正在编辑

2.连续选点会弹出气泡计算总距离，底部导航点为红色表示正在编辑

3.点击气泡内垃圾桶会删除当前点,回退到上次内容.

4.点击红色按钮会清除已所有绘制内容

 下面开始准备工作:

 一、配置工作

1.app moudle的build.gradle文件内引入Amap依赖

//3D地图so及jar
implementation 'com.amap.api:3dmap:6.8.0'

2.AndroidManifest添加使用到的权限

   <!-- 网络权限 -->
    <uses-permission android:name="android.permission.INTERNET" />
    <!-- 允许程序获取网络状态 -->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <!-- 允许程序访问WiFi网络信息 -->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <!-- 允许改变wifi连接状态 -->
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />

    <!-- 写入权限 -->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <!--读取权限-->
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

AndroidManifest的application节点下配置AMap的key

<!-- 配置AMap 的key -->
<meta-data
    android:name="com.amap.api.v2.apikey"
    android:value="@string/map_key" />

3.string.xml内容

<resources>
    <string name="app_name">Measure</string>
    <string name="map_key">your key</string>
</resources>

 

二、开始编码工作

1.编写activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <!--引入MapView-->
    <com.amap.api.maps.MapView
        android:id="@+id/map"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <!--添加清除按钮-->
    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_clear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="13dp"
        android:layout_marginBottom="100dp"
        android:clickable="true"
        android:focusable="true"
        android:src="@drawable/clear_map"
        app:backgroundTint="#FFFF0000"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

</android.support.constraint.ConstraintLayout>

2.custom_info_window.xml   这个是自定义Marker的infowidow的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:gravity="center_vertical"
    android:layout_width="match_parent"
    android:layout_height="40dp">
    <TextView
        android:id="@+id/info_distance"
        android:layout_weight="1"
        android:gravity="center"
        android:text="距离：xxxm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:background="#FF000000"
        android:layout_width="1dp"
        android:layout_height="30dp" />
    <ImageView
        android:id="@+id/info_delete"
        android:src="@drawable/ic_remove_circle"
        android:padding="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

 

3.java代码 核心绘制工具类 

MeasureHelper.java

package com.ming.measure;

import android.content.Context;
import android.widget.Toast;

import com.amap.api.maps.AMap;
import com.amap.api.maps.AMapUtils;
import com.amap.api.maps.model.BitmapDescriptorFactory;
import com.amap.api.maps.model.LatLng;
import com.amap.api.maps.model.Marker;
import com.amap.api.maps.model.MarkerOptions;
import com.amap.api.maps.model.Polyline;
import com.amap.api.maps.model.PolylineOptions;

import java.util.ArrayList;
import java.util.List;

public class MeasureHelper {
    //起点marker
    private Marker drawStartMarker = null;
    //记录最后一个marker
    private Marker lastClickMarker = null;
    //所有点的集合
    private List<LatLng> lineLatLngList = new ArrayList<>();
    //线
    private Polyline polyline = null;
    //地图对象
    private AMap mMap;

    private Context ctx;

    public MeasureHelper(Context context, AMap aMap) {
        this.mMap = aMap;
        this.ctx = context;
    }

    /**
     * 划marker与线
     */
    public void drawMarkerLine(LatLng addLatLng) {
        //1.绘制此次Marker
        Marker addMarker = mMap.addMarker(new MarkerOptions().anchor(0.5f, 0.5f).position(addLatLng).icon(BitmapDescriptorFactory.fromResource(R.drawable.red_point)));
        //2.判断划线
        if (lastClickMarker != null) {
            if (drawStartMarker == null) {
                drawStartMarker = mMap.addMarker(new MarkerOptions().position(lastClickMarker.getPosition()).icon(BitmapDescriptorFactory.fromResource(R.drawable.start)));
            }
            //显示距离
            addMarker.showInfoWindow();
            //红点变蓝点
            lastClickMarker.setIcon(BitmapDescriptorFactory.fromResource(R.drawable.blue_point));
        }
        //划线
        drawLine(addLatLng);

        //3.本次为最新Marker
        lastClickMarker = addMarker;
    }

    /**
     * 划线
     */
    private void drawLine(LatLng addLatLng) {
        lineLatLngList.add(addLatLng);
        if (lineLatLngList.size() > 1) {
            if (polyline == null) {
                polyline = mMap.addPolyline(
                        new PolylineOptions()
                                .addAll(lineLatLngList)
                                .width(30)
                                .setCustomTexture(BitmapDescriptorFactory.fromResource(R.drawable.grasp_trace_line)));
            } else {
                polyline.setPoints(lineLatLngList);
            }
        } else {
            Toast.makeText(ctx, "Go On!!!", Toast.LENGTH_SHORT).show();
        }
    }

    public void clearMap() {
        lineLatLngList.clear();
        lastClickMarker = null;
        drawStartMarker = null;
        polyline = null;
        if (mMap != null) {
            mMap.clear();
            Toast.makeText(ctx, "Cleared!!!", Toast.LENGTH_SHORT).show();
        }
    }

    /**
     * 获取距离
     *
     * @return
     */
    public int getDistance() {
        int distance = 0;
        if (lineLatLngList != null) {
            int listSize = lineLatLngList.size();
            if (listSize > 1) {
                LatLng lastLatLng = lineLatLngList.get(0);
                for (int i = 1; i < listSize; i++) {
                    LatLng indexLatLng = lineLatLngList.get(i);
                    distance = (int) (distance + AMapUtils.calculateLineDistance(lastLatLng, indexLatLng));
                    lastLatLng = indexLatLng;
                }
            }
        }
        return distance;
    }

    /**
     * 回退删除一步
     *
     * @param marker
     */
    public void removeCurrent(Marker marker) {
        try {
            //移除点
            int deleteIndex = lineLatLngList.size() - 1;
            lineLatLngList.remove(deleteIndex);
            //更新图形
            polyline.setPoints(lineLatLngList);
            //移除这个Marker
            marker.remove();
            //找到上一个点,改为红色,赋值lastMarker,显示InfoWindow(注：只剩一个点删除掉起点)
            LatLng lastLatLng = lineLatLngList.get(deleteIndex - 1);
            if (deleteIndex == 1) {
                //起点删除
                drawStartMarker.remove();
                drawStartMarker = null;
                //赋值
                Marker findedMarker = findMarker(lastLatLng);
                if (findedMarker != null) {
                    //蓝变红
                    findedMarker.setIcon(BitmapDescriptorFactory.fromResource(R.drawable.red_point));
                    //赋值上一个
                    lastClickMarker = findedMarker;
                }
            } else {
                //赋值
                Marker findedMarker = findMarker(lastLatLng);
                if (findedMarker != null) {
                    // 显示气泡
                    findedMarker.showInfoWindow();
                    //蓝变红
                    findedMarker.setIcon(BitmapDescriptorFactory.fromResource(R.drawable.red_point));
                    //赋值上一个
                    lastClickMarker = findedMarker;
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private Marker findMarker(LatLng position) {
        List<Marker> markerList = mMap.getMapScreenMarkers();
        for (Marker mk : markerList) {
            if (mk.getPosition().equals(position)) {
                return mk;
            }
        }
        return null;
    }
}

 

4.MainActivity.java 具体实现的代码

package com.ming.measure;

import android.content.Intent;
import android.os.PersistableBundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

import com.amap.api.maps.AMap;
import com.amap.api.maps.MapView;
import com.amap.api.maps.UiSettings;
import com.amap.api.maps.model.LatLng;
import com.amap.api.maps.model.Marker;

public class MainActivity extends AppCompatActivity implements CheckPermissionUtil.PermissionCallBack, AMap.InfoWindowAdapter, AMap.OnMapLoadedListener, AMap.OnMapLongClickListener, AMap.OnMarkerClickListener {
    //地图ui
    private MapView mapView;
    private AMap aMap;
    private MeasureHelper drawLineHelper;
    //按钮
    private FloatingActionButton fab_clear;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //地图
        mapView = findViewById(R.id.map);
        mapView.onCreate(savedInstanceState);
        aMap = mapView.getMap();
        //按钮
        fab_clear = findViewById(R.id.fab_clear);
        initUiSettings();
        initMapListener();
        fab_clear.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (drawLineHelper != null) {
                    drawLineHelper.clearMap();
                }
            }
        });
    }

    //region 地图初始化参数
    private void initUiSettings() {
        //显示地图文字
        aMap.showMapText(true);

        UiSettings uiSettings = aMap.getUiSettings();
        uiSettings.setMyLocationButtonEnabled(false);
        //显示指南针
        uiSettings.setCompassEnabled(true);
        //显示缩放比例尺
        uiSettings.setScaleControlsEnabled(true);
    }

    private void initMapListener() {
        aMap.setInfoWindowAdapter(this);
        aMap.setOnMapLoadedListener(this);
        aMap.setOnMapLongClickListener(this);
        aMap.setOnMarkerClickListener(this);
    }

    //endregion

    //region 生命周期
    @Override
    protected void onResume() {
        super.onResume();
        if (mapView != null) {
            mapView.onResume();
        }
    }

    @Override
    protected void onPause() {
        super.onPause();
        if (mapView != null) {
            mapView.onPause();
        }
    }

    @Override
    public void onSaveInstanceState(Bundle outState, PersistableBundle outPersistentState) {
        super.onSaveInstanceState(outState, outPersistentState);
        if (mapView != null) {
            mapView.onSaveInstanceState(outState);
        }
    }

    @Override
    public void onLowMemory() {
        super.onLowMemory();
        if (mapView != null) {
            mapView.onLowMemory();
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        if (mapView != null) {
            mapView.onDestroy();
        }
    }
//endregion

    //region 权限处理
    private void checkAllPermission() {
        if (getCheckPermissionUtil().checkWriteExternalStorage(MainActivity.this)) {
            if (getCheckPermissionUtil().checkReadExternalStorage(MainActivity.this)) {

            }
        }
    }

    private CheckPermissionUtil checkPermissionUtil = null;

    private CheckPermissionUtil getCheckPermissionUtil() {
        if (null == checkPermissionUtil) {
            checkPermissionUtil = new CheckPermissionUtil(this);
        }
        return checkPermissionUtil;
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        checkAllPermission();
        super.onActivityResult(requestCode, resultCode, data);
    }

    @Override
    public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
        getCheckPermissionUtil().onRequestPermissionsResult(MainActivity.this, requestCode, permissions, grantResults);
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
    }

    @Override
    public void onAllow(int permissionCode) {
        checkAllPermission();
    }

    @Override
    public void onDeny(int permissionCode) {
        checkAllPermission();
    }
//endregion

    //region 地图监听
     /**
     * 自定义InfoWindow实现的方法1
     */
    @Override
    public View getInfoWindow(final Marker marker) {
        View view = View.inflate(this, R.layout.custom_info_window, null);
        TextView info_tv_distance = view.findViewById(R.id.info_distance);
        String distanceDes = "";
        if (drawLineHelper != null) {
            int distance = drawLineHelper.getDistance();
            distanceDes = "距离：" + distance + "m";
        }
        info_tv_distance.setText(distanceDes);

        ImageView info_iv_delete = view.findViewById(R.id.info_delete);
        info_iv_delete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (drawLineHelper != null) {
                    drawLineHelper.removeCurrent(marker);
                }
            }
        });
        return view;
    }

     /**
     * 自定义InfoWindow实现的方法2
     */
    @Override
    public View getInfoContents(Marker marker) {
        return null;
    }

     /**
     *amap 加载完成回调
     */
    @Override
    public void onMapLoaded() {
        drawLineHelper = new MeasureHelper(MainActivity.this.getApplicationContext(), aMap);
        checkAllPermission();
    }

   /**
     *marker长按监听
     */
    @Override
    public void onMapLongClick(LatLng latLng) {
        if (drawLineHelper != null) {
            drawLineHelper.drawMarkerLine(latLng);
        }
    }

    /**
     *marker点击监听
     */
    @Override
    public boolean onMarkerClick(Marker marker) {
        marker.showInfoWindow();
        return true;
    }
    //endregion
}

核心内容都已经贴出来了，也可以去我的资源里下载源码，运行起来体验一下

https://download.csdn.net/download/mr_thesun/11331965

mr_sunming
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
谷歌地图测距
javaEA7的博客
03-15 1612
此文档只需加入Google的key和jquery.min.js的文件就可以直接页面看到效果，左击地图标点，第二次左击地图显示终点距离，第三次左击地图是第二次跟第三次的距离，并非伪代码，可直接用 &lt;!DOCTYPE html&gt; &lt;eteral:html&gt; &lt;head&gt; &lt;meta name="viewport" content="initial-scale...
高德地图生成路线带测距.rar
07-03
高德地图鼠标划线显示距离并生成坐标点数据，只需替换代码中红色的key就可以看效果，或复制本人博客原文章代码：https://blog.csdn.net/c5211314963/article/details/92789197
vue2实现高德地图测距测面工具
weixin_62186125的博客
12-12 244
offset: new AMap.Pixel(0, -30), // 设置文本标签的偏移量，使其显示在点的正上方。anchor: "bottom", // 设置文本标签锚点为底部。anchor: "bottom", // 设置文本标签锚点为底部。fillColor: "white", // 文本颜色。fillColor: "white", // 文本颜色。// 监听地图单击事件。// 监听地图双击事件。// 监听地图单击事件。// 监听地图双击事件。// 创建线节点文本。// 创建线节点文本。
最全Android 高德地图根据地址获取经纬度，计算两个坐标的距离，2024字节跳动春招技术面试题
2301_82244125的博客
05-10 849
下面是辛苦给大家整理的学习路线网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
百度地图测距工具：DistanceTool_min.js
01-07
作用：测距工具。通过此工具用户可测量地图上任意位置之间的距离。
自定义谷歌地图测距工具(利用鼠标左右键进行测距)
03-15
先右击确定起点，再左击确定终点，自动在中间弹出距离提示
高德地图面积测量工具
09-26
由于项目的需要，需要用到高德地图的测量面积功能，其实高德地图官方已经提供了测量面积的工具，但是感觉有点不太方便，于是在原来的测量面积工具的基础上进行一点补充。我想要的效果是在地图上绘制的多边形区域上...
高德地图计算两地之间距离
06-13
在IT行业中，地图服务是应用广泛的工具之一，特别是在交通、物流、导航等领域。高德地图作为国内知名的地图服务提供商，提供了丰富的API接口供开发者使用。本文将深入探讨如何利用C#编程语言，结合高德地图API来计算...
微信小程序 高德地图路线规划实现过程详解
10-16
在微信小程序中实现高德地图路线规划的过程涉及多个步骤，首先需要了解微信小程序的基本环境和高德地图API的使用。本文将详细介绍这个实现过程，并提供相关的代码示例。 1. 准备工作： - 注册并获取微信小程序的...
微信小程序基于高德地图查找位置并显示文字
10-16
在微信小程序开发中，有时我们需要集成地图功能，例如利用高德地图API来查找位置并显示相关的文字信息。本文将详细讲解如何实现这一功能。 首先，要实现基于经纬度在地图上查找定位，我们需要引入高德地图的小程序...
C# 高德地图百度地图计算两点坐标距离
09-30
C# 高德地图百度地图计算两点坐标距离，返回两点之间的距离
谷歌地图测距工具\右键菜单
11-13
右键菜单\谷歌地图测距工具（先点击右键加入起点，再点击左键确定终点，后线段中间位置弹出距离弹窗）
百度地图，测量距离+经纬度
04-22
百度地图，不仅能画线，测量距离，而且还能获得经纬度
vue-amap 高德地图中使用测距插件
zw19940808的博客
10-27 2559
前言：高德地图的测距插件，可能由于项目配置不同，导致使用插件失败。这里只是作为记录，以便后续翻查，如有问题也欢迎留言，大家一起研究 第一步： -- 在main.js中配置你所需要使用的插件 --VueAMap.initAMapApiLoader({ key: '这里是你申请的key', plugin: [ 'AMap.Scale', 'AMap.OverView', ...
高德地图计算两坐标之间距离
qq_28727699的博客
02-09 1570
高德地图计算两坐标之间距离 首先定义一个用于存储经纬度的类，这里起个名字叫：LngLat package amap; import java.text.DecimalFormat; import java.text.DecimalFormatSymbols; import java.util.Locale; /** * 存储经纬度坐标值的类，单位角度 * * @author jiang...
ArcGIS for iOS地图上添加测距功能，及显示相应的路径图层
liu132641的专栏
04-12 2783
近段时间因为项目需求，所以需要再arcgis上边通过在地图上进行点击，之后把各个点击点按顺序连接起来，同时将两点之间的距离给计算出来并显示。故此编写本博客具体分为以下几个步骤1、添加地图并显示到视图中（次步省略掉）2、在地图上添加AGSGraphicsLayer和AGSSketchGraphicsLayer这两个图层3、指定指定相应的delegate（主要是mapview的layerDelegat...
Android百度地图开发学习笔记（三）之添加Marker和两点测距
MiLan_25的博客
01-20 999
因为项目的需求，我们希望在百度地图上自定义图标将自己的项目信息显示出来，这里就用到了为地图添加覆盖物。   地图 SDK 提供的点标记功能包含两大部分，一部分是点（俗称 Marker）、另一部分是浮于点上方的信息窗体（俗称 InfoWindow）。同时，SDK 对 Marker 和 InfoWindow 封装了大量的触发事件，例如点击事件、长按事件、拖拽事件。 一 .添加Maker 同样
android 坐标距离计算器,距离测量-地图计算工具-开发指南-Android 地图SDK | 高德地图API...
weixin_33397740的博客
05-25 492
从搜索功能6.1.0 版本开始支持距离测量功能。使用此方法可以在不请求驾车出行路线规划接口的同时完成距离计算。目前支持直线距离和驾车距离的测量。第1步，初始化DistanceSearch对象distanceSearch = new DistanceSearch(this);第2步，设置数据回调监听器distanceSearch.setDistanceSearchListener(thi...
百度地图测距和鼠标位置不一致
Sparrowflying的博客
01-25 1073
使用官方API开启百度测距后，浏览器显示测距点和鼠标位置不一致。 解决方法： 将http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">中的DistanceTool_min.js文件下载下来，修改后本地调用。 修改位置：（注此处小x,y,e为变量，共有六处需要修改） var x = e.lay
骨折多区域X线图片资料数据集
最新发布
08-02
骨折多区域X线图片资料数据集 数据说明： 该数据集包含10，580张射线图像(X射线)数据。 培训数据 图片数量:9246 验证数据 图片数量:828 测试数据 图片数量:506
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值