map.google.com和google api for javascript

时间:2016-07-03 06:51:53

标签: google-maps

我正在制作简单的网站,有助于找到2点之间的方向。 我发现了一些奇怪的东西。 如果我通过map.google.com搜索它会返回确切的结果,但我的剂量不会。 例如,我使用map.google.com将“纽约大学,纽约,纽约,美国”设为原点,将“260 Broadway New York NY 10007”设为目的地。 using map.google.com

如果我使用googleMap API使用我的网站 - > using api

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDs8SYxRh-pMXa9Qe-K1nVY0g3CLpmJ9mo&signed_in=true&libraries=places&callback=initMap" async defer></script>
    
function calculateAndDisplayRoute(directionsDisplay, directionsService,
    markerArray, stepDisplay, map) {
  for (var i = 0; i < markerArray.length; i++) {
    markerArray[i].setMap(null);
  }
  directionsDisplay.setPanel(document.getElementById('panel'));

  

  var selectedMode = document.getElementById('mode').value;
  directionsService.route({
    origin: document.getElementById('pac-input').value,
    destination: document.getElementById('pac-input2').value,
    travelMode:  google.maps.TravelMode[selectedMode]
  }, function(response, status) {
    // Route the directions and pass the response to a function to create
    // markers for each step.
    if (status === google.maps.DirectionsStatus.OK) {
      document.getElementById('warnings-panel').innerHTML =
          '<b>' + response.routes[0].warnings + '</b>';
     directionsDisplay.setDirections(response);
     //showSteps(response, markerArray, stepDisplay, map);
  } else {
      window.alert('Directions request failed due to ' + status);
    }
  });
}
                                         

1 个答案:

答案 0 :(得分:0)

看起来你的代码中有自动完成输入和读取这些输入的值。

我建议您在路线服务中使用自动填充功能的地点ID。这样您就可以确保使用所选的地址。

查看此示例并在那里输入您的地址http://jsbin.com/xuyisem/1/edit?html,output