zoukankan      html  css  js  c++  java
  • 高德js API moveAlong 函数的一个错误解决

        使用覆盖物之一:点标记,让点标记沿着固定的路线移动。

       API 提供了现成的函数 moveAlong()

      开始以为 实现移动很简单:分两部 1.准备好经纬度数组 2.调用moveAlong()函数。按照这个思路做的话出现位置错误:a.Ga is not a function , 这个问题研究了半天,最后解决了: 单纯给出经纬度数组是不行的,还要生成路径。

    moveAlong(lnglatlist:Array,speed:Number,f:Function,circlable:Boolean)

    lnglatlist 需要生成折线。

    仔细想想也是 如果只给出一堆点的话,是不能确定移动轨迹的。必须生成了折线,才是固定的路径。

    var lineFour = [[,],[,],[,],
       [,],[,],[,],
       [,],[,],[,],[,]
       ];    
    
        var polylineFour = new AMap.Polyline({
                map: map,
                path: lineFour,
                strokeColor: "#00A",  //线颜色
                strokeOpacity: 1,     //线透明度
                strokeWeight: 3,      //线宽
                strokeStyle: "solid"  //线样式
            });
            markerFour = new AMap.Marker({
                    title:'0004',
                    icon:'http://webapi.amap.com/images/car.png',
                    position:[15.534894,38.898715],
                    offset:new AMap.Pixel(-26, -13),
                    autoRotation: true  //自动旋转
                     });
                     markerFour.setMap(map);
                     polylineFour.hide();
                     markerFour.moveAlong(lineFour,100);
         
         }
  • 相关阅读:
    hdu 5154 拓扑排序
    CSS性能优化的8个技巧
    移动端性能监控方案Hertz
    箴言
    如何使网页的文字不能被复制
    flyio 的请求封装
    vue-cli3.0 环境变量与模式
    函数防抖和函数节流
    CSS世界中那些说起来很冷的知识
    vue多层次组件监听动作和属性
  • 原文地址:https://www.cnblogs.com/igoogleyou/p/amps.html
Copyright © 2011-2022 走看看