google地图API实现动画轨迹(二)

原文地址 点这

自己实现google地图动画轨迹

上一篇我们讲到google给的示例代码中实现了轨迹动画,可惜轨迹是从一开始就画出来的,不能满足动态生成轨迹的要求,那我们该咋么办呢?
别担心,googleAPI为我们想到了这个问题,虽然他没有直接提到这种轨迹的demo,但是给我们提供了很多的小例子,比如动态画点,动态生成连线,动态更换图标等的小例子,废话不多说,先给出演示效果


那么如何实现上面的动态效果呢,先给出我参考的例子
https://developers.google.com/maps/documentation/javascript/examples/polyline-complex?hl=zh-cn
但是有这个例子还不够,示例实现了点击画线的功能,但是如何让这些点每隔一段时间出现一个点呢?我使用了js的sleep方法,当然js没有这个函数,所以间接调用了js的setTimeout()函数,代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>



    
        
        
        Complex Polylines
        
        
        
    
    
        

好的,现在我们实现了动画轨迹功能,那么如何给每个轨迹点添加点击事件显示信息呢?请继续关注我的下一篇博文 googleAPI点击显示窗口

你可能感兴趣的:(google地图API实现动画轨迹(二))