博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Google Map Api V3 系列之 导航(包括清除线路)
阅读量:6319 次
发布时间:2019-06-22

本文共 1199 字,大约阅读时间需要 3 分钟。

function NavigationTool() {

           var mode = google.maps.DirectionsTravelMode.DRIVING; //谷歌地图路线指引的模式
           var directionsDisplay = new google.maps.DirectionsRenderer();   //地图路线显示对象
           var directionsService = new google.maps.DirectionsService();    //地图路线服务对象
           var directionsVisible = false;  //是否显示路线
           directionsDisplay.setMap(null);
           directionsDisplay.setMap(map);
           var Navigpoints = []; //起终点
           google.maps.event.addListener(map, "click", function(evt) {
               if (Navigpoints.length == 0) {
                   if (confirm("是否将当前点设为起点?")) {
                       Navigpoints.push(evt.latLng);
                   }
               } else {
                   if (Navigpoints.length >= 2) { points = []; google.maps.event.clearListeners(map, "click"); return; }
                   if (confirm("是否将当前点设为终点?")) {
                       Navigpoints.push(evt.latLng);
                       var request = {
                           origin: Navigpoints[0], //起点
                           destination: Navigpoints[1], //终点
                           travelMode: mode,
                           optimizeWaypoints: true,
                           avoidHighways: false,
                           avoidTolls: false
                       };
                       directionsService.route(
                        request,
                        function(response, status) {
                            if (status == google.maps.DirectionsStatus.OK) {
                                directionsDisplay.setDirections(response);
                                //定时清除线路
                                setTimeout(function() { directionsDisplay.setMap(null) }, 8000);
                            }
                        }
                    );
                   }
               }

           });

           directionsVisible = true;
       }

转载于:https://www.cnblogs.com/youshan/archive/2012/05/04/2483076.html

你可能感兴趣的文章
网络高可用性之流量镜像和端口流量控制
查看>>
我的友情链接
查看>>
Linux服务名重命名
查看>>
vb.net中的部分代码
查看>>
Oracle 11g dataguard主库坏块修复
查看>>
Maven学习总结(七)——eclipse中使用Maven创建Web项目
查看>>
Memcached
查看>>
主宰全球的10大算法
查看>>
[软件架构:设计模式系列C#篇]系列教程汇总
查看>>
nginx平滑升级
查看>>
大型网站技术架构(七)网站的可扩展性架构
查看>>
算法竞赛入门经典系列
查看>>
linux时间和时区修改(附suse)
查看>>
我的友情链接
查看>>
mysql_cluster
查看>>
Thinking in java 多线程导致数组越界崩溃的BUG
查看>>
Windows Server 2012 HyperV之SMB共享实时迁移
查看>>
里程碑:DTrace 切换到 GPL 许可证
查看>>
浏览器插件研究
查看>>
IT巨头混战平板市场三大系统争霸格局初现
查看>>