zoukankan      html  css  js  c++  java
  • Google Map Api V3 系列之 导航(包括清除线路)

    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;
           }


    人生的无奈那么多谁可以数得清?请告诉我!别回头走自己的路,就算有些事让人无助,至少我有一路吃苦的幸福!多年以后当我抬头望天空,湛蓝的色彩中依然有我沉郁多年的思绪!回归那一季那个曾叫‘山子’的男孩纯洁的微笑,然后宿命收拢指间,我们无处可逃
    作者:Love Coding
    出处:http://www.cnblogs.com/youshan/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

  • 相关阅读:
    【IoT平台北向API调用】使用Postman调用Https接口
    【LiteOS】LiteOS移植常见问题
    搞IT产品,请谨记Mobile First
    Modelarts与无感识别技术生态总结(浅出版)
    高性能Web动画和渲染原理系列(1)——CSS动画和JS动画
    使用蓝图构建Flask项目目录
    一统江湖的大前端(8)- velocity.js 运动的姿势(上)
    只需两步手把手教你玩转图像识别
    秉承初心,砥砺奋进!华为云助力锦江都城开启云服务时代
    HBase 索引创建
  • 原文地址:https://www.cnblogs.com/youshan/p/2483076.html
Copyright © 2011-2022 走看看