高德地图Marker平滑移动

最新推荐文章于 2024-03-30 09:52:04 发布

珠珠珠啊珠珠珠

最新推荐文章于 2024-03-30 09:52:04 发布

阅读量5.7k

点赞数

分类专栏： Java基础

本文链接：https://blog.csdn.net/qq_39782876/article/details/83893508

版权

该博客讲述了如何在高德地图上实现实时数据获取并以平滑方式移动Marker的功能。通过参考高德API的巡航功能，作者在不显示轨迹线的情况下实现了Marker的平滑移动。在移动过程中，通过清除图标避免了多个巡航器的出现，并在创建新的巡航器前进行检查以确保只有一个活动的巡航器。此外，文章提到了在不同浏览器中可能遇到的问题及其解决策略。

摘要由CSDN通过智能技术生成

功能需求：要求实时从后台获取数据，标记在地图上，要求从一个点到另一个点的移动的是平滑的

实现思想：参考高德api的巡航（参考手册—UI组件——>轨迹展示）

AMapUI.load(['ui/misc/PathSimplifier'], function(PathSimplifier, $) {
        if (!PathSimplifier.supportCanvas) {
            alert('当前环境不支持 Canvas！');
            return;
        }

        var emptyLineStyle = {
            lineWidth: 0,
            fillStyle: null,
            strokeStyle: null,
            borderStyle: null
        };

        var pathSimplifierIns = new PathSimplifier({
            zIndex: 100,
            autoSetFitView:true,
            map: GADMap, //所属的地图实例

            getPath: function(pathData, pathIndex) {
                return pathData.path;
            },
            getHoverTitle: function(pathData, pathIndex, pointIndex) {
                return null;
            },
            /*renderOptions: {
                renderAllPointsIfNumberBelow: 100 //绘制路线节点，