时间戳

首页 > 解决方案 > 角度谷歌地图方向 - 如何绑定起点和目的地

angular - 角度谷歌地图方向 - 如何绑定起点和目的地

问题描述

我正在使用下面的代码来绑定起点和终点 - 纬度和经度。在获取原点（当前位置）和目的地（我从标记单击获取值）后，我将参数传递给 url 并尝试打开新选项卡。问题是参数没有传递到谷歌地图网址。

getDirection(dirLat: any, dirLng: any) {
    let srcLat, srcLng;
    if ('geolocation' in navigator) {
      navigator.geolocation.getCurrentPosition((position) => {
      srcLat = position.coords.latitude;
      srcLng = position.coords.longitude;
      });
    }
    this.dir = {
      origin: { latitude: 29.9809683, longitude: 31.3377553 },
      destination: { latitude: dirLat, longitude: dirLng }
    };


   // prints the values correctly for origin and destination{latitude: 29.9809683, longitude: 31.3377553}

    console.log('originDest', this.dir.origin, this.dir.destination);
    //in the below url, dir.origin and dir.destination does not get the values
    window.open('https://www.google.com/maps/dir/?api=1&origin={{dir.origin}}&destination={{dir.destination}}&travelmode=driving', '_blank');

  }

标签： angulargoogle-maps

解决方案

 var p ='origin';
     var d = 'destination';
     window.open('https://www.google.com/maps/dir/?api=1&origin='+p+'&destination='+d+'&travelmode=driving','_blank' );

您可以通过这种方式绑定起点和终点

推荐阅读