在Google Map V3上旋转图像/标记图像

大佬教程收集整理的这篇文章主要介绍了在Google Map V3上旋转图像/标记图像，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决在Google Map V3上旋转图像/标记图像？

开发过程中遇到在Google Map V3上旋转图像/标记图像的问题如何解决？下面主要结合日常开发的经验，给出你关于在Google Map V3上旋转图像/标记图像的解决方法建议，希望对你解决在Google Map V3上旋转图像/标记图像有所启发或帮助；

我已使用以下代码在v3中进行了轮换：

<canvas ID="carcanvas" wIDth="1" height="1"></canvas>


    if (document.getElementByID('carcanvas').getContext) {
        var supportsCanvas = true;
    } else {
        var supportsCanvas = false;
    }

    var rimg = new Image();
    rimg.src='/images/cariconl.png';

    // Returns the bearing in radians between two points.
    function bearing( from, to ) {
        // Convert to radians.
        var lat1 = from.latradians();
        var lon1 = from.lngradians();
        var lat2 = to.latradians();
        var lon2 = to.lngradians();
        // Compute the angle.
        var angle = - Math.atan2( Math.sin( lon1 - lon2 ) * Math.cos( lat2 ), Math.cos( lat1 ) * Math.sin( lat2 ) - Math.sin( lat1 ) * Math.cos( lat2 ) * Math.cos( lon1 - lon2 ) );
        if ( angle < 0.0 )
            angle  += Math.PI * 2.0;
        if (angle == 0) {angle=1.5;}
        return angle;
    }

    function plotcar() {
        canvas = document.getElementByID("carcanvas").getContext('2d');
        var cosa = Math.cos(anglE);
        var sina = Math.sin(anglE);
        canvas.clearRect(0,0,32,32);
        canvas.save();
        canvas.rotate(anglE);
        canvas.translate(16*sina+16*cosa,16*cosa-16*sina);
        canvas.drawImage(rimg,-16,-16);
        canvas.restore();
    }

并在动画方法中：

if (supportsCanvas) {
                    angle = bearing(new Google.maps.LatLng(lat1, lng1),new Google.maps.LatLng(lat2, lng2));
                    plotcar();
                }

希望对您有所帮助。

解决方法

大佬总结

以上是大佬教程为你收集整理的在Google Map V3上旋转图像/标记图像全部内容，希望文章能够帮你解决在Google Map V3上旋转图像/标记图像所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。