精华内容
下载资源
问答
  • 移动高德地图marker

    2020-01-30 14:06:03
    移动高德地图marker 因为有移动地图marker的需求,所以这里做一些笔记 在网上我们会查到改变marker坐标的方法很简单,用以下方法就可以实现: marker.position = latLng 也就是将marker的经纬度重新设置下,...

    android移动高德地图marker点

    因为有移动地图marker点的需求,所以这里做一些笔记

    在网上我们会查到改变marker坐标的方法很简单,用以下方法就可以实现:

    marker.position = latLng
    

    也就是将marker的经纬度重新设置下,然后你会发现有时候有效果,大部分时候这个点刷新的不是很及时。

    后来参考了别人写的代码下知道了这个操作需要用动画,动画是高德地图自带的,听我们IOS讲IOS并没有这个动画API

    val animation = TranslateAnimation(latLng)
    animation.setDuration(300)
    marker.setAnimation(animation)
    marker.startAnimation()
    

    上述代码就可以很好的的解决此问题,对于实时移动地图点很有效果

    展开全文
  • 高德地图中展示车辆轨迹有三种方法,一种方法是AMapUI的PathSimplifier创建巡航器来展示轨迹: 高德地图轨迹展示示例 第二种方法是使用moveAlong,moveAlong可以让marker按照给定的经纬度数组以指定的速度移动 高德...

    经常有人问怎么控制车辆车头方向随着行进方向改变, 怎么展示车辆运行轨迹
    在高德地图中展示车辆轨迹有三种方法,一种方法是AMapUI的PathSimplifier创建巡航器来展示轨迹:
    高德地图轨迹展示示例
    第二种方法是使用moveAlong,moveAlong可以让marker按照给定的经纬度数组以指定的速度移动
    高德地图轨迹回放示例
    第三中方法是使用moveTo,moveTo可以让marker以给定的速度从一个经纬度移动到另一个经纬度并自动调整车头方向(车头方向与起点到终点的直线平行)。也可以看做moveTo是moveAlong分步主动调用。

    下面的例子是对官方demo进行了简单修改,通过moveTo每隔一秒钟更新车辆位置实现轨迹回放在这里插入图片描述

    <!doctype html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
        <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
        <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=612bef20cf095403974d0b0cd170103e"></script>
        <style>
            html,
            body,
            #container {
                height: 100%;
                width: 100%;
            }
    
            .input-card .btn {
                margin-right: 1.2rem;
                width: 9rem;
            }
    
            .input-card .btn:last-child {
                margin-right: 0;
            }
        </style>
    </head>
    
    <body>
        <div id="container"></div>
        <div class="input-card">
            <h4>轨迹回放控制</h4>
        </div>
        <script>
            var marker
            var polylineList = [
                [118.626495, 32.05714], [118.626785, 32.057396], [118.626892, 32.057491], [118.62735, 32.057919], [118.627472, 32.058029], [118.627556, 32.058102], [118.627808, 32.058334], [118.628204, 32.058693], [118.62896, 32.059357], [118.629112, 32.059509], [118.629295, 32.059666], [118.629402, 32.05975], [118.629501, 32.05983], [118.629837, 32.060143], [118.629837, 32.060204], [118.630028, 32.060368], [118.630142, 32.060471], [118.630363, 32.060677], [118.630371, 32.060688], [118.630737, 32.061008], [118.630852, 32.061108], [118.630989, 32.061226], [118.631119, 32.061359], [118.631271, 32.061485], [118.631645, 32.061813], [118.63192, 32.062057], [118.63237, 32.062454], [118.632515, 32.062572], [118.632607, 32.062645], [118.632896, 32.062885], [118.632988, 32.062965], [118.633209, 32.063141], [118.633781, 32.06358], [118.634094, 32.063835], [118.634216, 32.063919], [118.634514, 32.064144], [118.634811, 32.064362], [118.634811, 32.064362], [118.63501, 32.064419], [118.635162, 32.064423], [118.6353, 32.064396], [118.635414, 32.064358], [118.635788, 32.064137], [118.635788, 32.064137], [118.635651, 32.063931], [118.635597, 32.063915], [118.635201, 32.064106]
            ]
    
            // map 建立地图容器  (级别 中心)
            var map = new AMap.Map('container', {
                zoom: 1,
                center: [116.469881, 39.993599],
                showIndoorMap: false,//隐藏地图自带的室内地图图层
            })
    
            //polyline画线 折线
            var polyline = new AMap.Polyline({
                path: polylineList,
                strokeColor: '#2f66ff',
                strokeOpacity: 1,
                strokeWeight: 4,
                strokeStyle: 'solid',
                strokeDasharray: [10, 5],
                geodesic: true,
            })
            polyline.setMap(map)
    
            //自适应所有的点 让点显示在可视区域内
            var overlaysList = map.getAllOverlays('polyline')
            map.setFitView(overlaysList)
    
            //让车根据轨迹走 
            var passedPolyline = new AMap.Polyline({
                map: map,
                strokeColor: "#AF5",  //线颜色
                strokeWeight: 4,      //线宽
            })
    
            //车开始坐标
            var marker = new AMap.Marker({
                map: map,
                position: [118.626495, 32.05714],
                icon: "https://webapi.amap.com/images/car.png",
                offset: new AMap.Pixel(-26, -13),
                autoRotation: true,
                angle: -90,
            });
            var i = 0, path = [];
            const timer = setInterval(() => {
                if (i === polylineList.length - 1) {
                    clearInterval(timer)
                }
                marker.moveTo(polylineList[i++], 300)
            }, 1000)
            marker.on('moving', function (e) {
                Array.prototype.push.apply(path, e.passedPath)
                passedPolyline.setPath(path);
            })
        </script>
    </body>
    
    </html>
    
    展开全文
  • 整个APP使用kotlin语言的方式实现高德地图地图点选、点聚合、地图截图、地图文字标注、地图基本操作、地图Marker自定义,Marker自定义弹窗、地图轨迹管理、轨迹平滑处理、Marker平滑移动、多类型路径规划、定位、...

    本文demo https://github.com/hfyqsy/Kotlin_Gd_Map

    整个APP使用kotlin语言的方式实现高德地图,地图点选、点聚合、地图截图、地图文字标注、地图基本操作、地图Marker自定义,Marker自定义弹窗、地图轨迹管理、轨迹平滑处理、Marker平滑移动、多类型路径规划、定位、导航功能

    效果图如下:

    小车轨迹移动
    小车轨迹移动
    点聚合实现方式2
    另一种实现点聚合方式
    仿google点聚合方式
    利用了 google点聚合
    地图标注
    地图标注
    周边兴趣点
    周边兴趣点
    出行路线规划
    出行路线规划

     

    类 说明
    描述
    地图基础功能  
    地图点选 ChoosePointActivity
    点聚合效果1 ClusterMapActivity
    点聚合效果2 ClusterOverActivity
    地图截图 ScreenshotActivity
    地图覆盖物  
    文字图标,3D楼块 CloverTaggingActivity
    轨迹处理  
    轨迹管理 MangerTrailActivity
    平滑移动 MoveMarkerActivity
    轨迹平滑处理 SmoothActivity
    搜索  
    地图搜索 SearchActivity
    路线规划  
    多路径规划 CalculateRouteActivity
    驾车规划 DriveActivity
    出行规划 RouteActivity
    定位导航  
    单次/连续定位 ContinueLocationActivity
    一键导航 NaviRouteActivity
    出行演示 TripHostActivity

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • 高德地图轨迹平滑移动的官方demo做了一点改进,易于大家理解。
  • 高德地图移动到指定经纬度

    千次阅读 2019-10-25 10:45:48
    //设置GisMap关键建筑快速移动 function GisMapMoveTo(lng, lat) { map.setCenter([lng, lat]); //设置地图中心 console.log("GIS当前中心已设为:" + lng.toFixed(6) + lat.toFixed(6)); } ...
    //设置GisMap关键点建筑快速移动
    function GisMapMoveTo(lng, lat) {
    
        map.setCenter([lng, lat]); //设置地图中心点
        console.log("GIS当前中心点已设为:" + lng.toFixed(6) + lat.toFixed(6));
    
    }

     

    展开全文
  • 最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法。首先说明要实现的功能需求。类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务,参与者要...
  • 高德地图Marker平滑移动

    千次阅读 2018-11-09 10:31:47
    功能需求:要求实时从后台获取数据,标记在地图上,要求从一个到另一个移动的是平滑的 实现思想:参考高德api的巡航(参考手册—UI组件——&gt;轨迹展示) AMapUI.load(['ui/misc/PathSimplifier'], ...
  • 高德地图定位 poi搜索 移动地图选址显示周边 此到源码
  • 近日,高德地图发布了全新的v10.0版本,产品设计和业务功能等方面进行了全面升级,并推出了崭新的品牌Slogan:“行,用高德”。高德地图此次升级可谓是从内到外、翻天覆地的改变。高德地图v10.0版本采用了全新的产品...
  • 主要功能就是从后台获取到司机的基本信息,根据其中的坐标信息展示到地图中,然后定时刷新司机信息,然后根据最新的坐标信息,对应的图标作出相应的移动。代码里原本有轨迹显示,不过效果不理想就注掉了,有哪位大佬...
  • //设置地图拖动监听 mAMap.setOnCameraChangeListener(this); // 绑定marker拖拽事件 // mAMap.setOnMarkerDragListener(this); //逆编码监听事件 // GeocodeSearch.OnGeocodeSearchListener, geocoderSearch....
  • 1. 创建map,初始化中心 var map = new AMap.Map("container", { center: [116.343328,39.949901], zoom: 14, dragEnable: true }); 2. 修改中心 map.setZoomAndCenter(14, [116.326655,39.899438]);
  • 今天,项目暂时进程安排先告一段落,嘿嘿,难得有时间,写东西记录一下开发地图过程的ixie功能实现,希望可以帮助有需要的人。 在我的项目里面我坐的是有关航线这块的需求,相对来说话说比较复杂的,但是呢不影响...
  • 简介功能说明:根据输入的关键和时间参数,实现的平滑移动效果。(如下方视频所示)使用场景:可应用到展示车辆行驶轨迹、用户移动轨迹等场景。版本要求:3D地图V4.5.0及以上。效果示例:如何实现平滑移动相关...
  • //将地图移动到定位 aMap.moveCamera(CameraUpdateFactory.changeLatLng(new LatLng(aMapLocation.getLatitude(), aMapLocation.getLongitude()))); //点击定位按钮 能够将地图的中心移动到定位 mListener....
  • 如何在自己的项目中引入高德地图的接口 对接常见的接口:定位 得到详细地址信息 在地图上添加标记 添加信息窗体 路线的查询接口 周边搜索接口 通过仿美团/饿了吗案例开发移动APP来巩固高德地图接口的应用
  • MKMap显示地图后,如果用户移动地图,自己定义的数据就需要刷新了,所以这个时候,中心的经纬度就比较重要了。本文演示如何获取经纬度在MKMapViewDelegate里有个方法- (void)mapView:(MKMapView *)mapView ...
  • Android开发中,用到高德地图,根据两画线后,怎么设置marker从画线的一端移动到另一端呢。类似于轨迹回放的功能。
  • 高德地图 用户位置动态移动 BG 最近帮朋友做做项目,一个打车app,我帮忙管理后台做个查看司机实时位置的页面,本着cv大法好的原则,东看看文档,西瞅瞅别人的demo,然后就整出来这么一个简单的小demo 功能 ...
  • 高德地图 鼠标点击后 地图地图上标记跟着变化吐槽下,什么鬼标题高德地图marker 类中有方法 setPosition 只要在点击地图的时候 将地图经纬度传递到该方法中即可另外,主要查看官方手册中关于marker类的介绍 ...
  • 高德地图集成

    2017-12-13 17:58:50
    高德地图的集成和实现 高德地图目前的定位类型有 3 种: LOCATION_TYPE_LOCATE :只在第一次定位移动到地图中心; LOCATION_TYPE_MAP_FOLLOW :定位,移动到地图中心并跟随; LOCATION_TYPE_MAP_ROTATE ...
  • 高德地图小知识

    千次阅读 2016-12-24 14:57:29
    1.设置地图放大倍数aMap.moveCamera(CameraUpdateFactory.newLatLngZoom(location, 18));...地图移动到某个坐标 aMap.animateCamera(CameraUpdateFactory.changeLatLng(mark.getPosition()));//方法内传
  • 梳理下项目中基于Vue,关于高德地图使用 思路 Vue移动端 + 高德地图Api 引用api实现: 定位 搜索 获取经纬度(包括点击地图任意位置获取经纬度) 效果如下: 页面初始化定位且获取经纬度 可搜索且可获取选择...
  • 简介功能说明:根据输入的关键和时间参数,实现的平滑移动效果。(如下方视频所示)使用场景:可应用到展示车辆行驶轨迹、用户移动轨迹等场景。版本要求:3D地图V4.5.0及以上。效果示例:如何实现平滑移动相关...
  • 高德地图位置之间的平滑移动

    千次阅读 2018-12-27 10:36:01
    List&...//然后把需要平滑移动坐标全部放入latLngs集合中 //下面就开始使用了 public void startMove() { LatLngBounds.Builder b = LatLngBounds.builder(); for (int i = 0; i &l...
  • 计算卫星接收信号所用时间然后乘以光速,求出一个伪距离,一般是4颗卫星定位一点列出4个或者更多解方程,解出x,y,z 就是该坐标当然这些都是我们不需要关心的,我们这里可以直接使用高德地图api接口来使我们的web...
  • 业务场景如下: 1.在地图上点击企业位置mark时,地图不做缩放和移动操作(能点击mark,说明该位置肯定在可视区域内)。...高德地图有几个关系判断的API:判断是否在线上、是否在多边形内、面与...

空空如也

空空如也

1 2 3 4 5 6
收藏数 104
精华内容 41
关键字:

高德地图点移动