Google maps api 3 谷歌地图方向服务

您可以看到视图示例（directions simple.html）

在上面的例子中，from和to是由用户给出的，但我试图得到 通过浏览器检测用户位置，自动从输入，并由用户输入到

我尝试了这个dpaste.com/695949，但无法让它工作

---

提前谢谢

当然可以，只要通过浏览器询问用户在哪里就可以了。由于这可能会在不同的浏览器和设备之间发生变化，因此我会尝试使用类似的库。

在您的示例中，您会遇到许多JavaScript错误。我清理了它的核心，得到了地理位置，并在那里设置了地图中心。我认为你可以从那里开始计算方向，但基本上你需要有一个输入框，让你的用户输入他们想去的位置，你可以使用当前的地图中心作为方向的起点

var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;

  function mapinit(position){
     directionsDisplay = new google.maps.DirectionsRenderer();
    var chicago = new google.maps.LatLng(41.850033, -87.6500523);
    var myOptions = {
      zoom:7,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: chicago
    }

    map = new google.maps.Map(document.getElementById("mapcont"), myOptions);
    directionsDisplay.setMap(map);
    initiate_geolocation()
  }
function initiate_geolocation() {  
                navigator.geolocation.getCurrentPosition(handle_position_results);

            }
function handle_position_results(position){
    newCenter = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
    map.setCenter(newCenter);
}

---

你的地图在那里，但是你的CSS没有定义一个可见区域。您正在加载，但是CSS正在寻找一个名为map\u canvas的div元素。在您的文档中将mapcont的所有实例更改为map_canvas，它应该可以工作。是的，您必须添加一个输入表单。这个职位你已经有了，对吧？因此，添加一个输入文本字段和一个提交按钮。你可能想在这里了解更多关于HTML表单的信息：。我知道如何放置文本框，我将把文本框值传递到哪里，我是说传递给哪个js函数。在原始版本中创建一个类似calcRoute的函数，只需将目标值作为inputIL，即伊利诺伊州，芝加哥州。我理解你最初的帖子说你的起点是用户的当前位置，即position.coords.latitude，position.coords.longitude。