为什么这个纬度/经度坐标在谷歌地图 API 中找不到最近的道路 [关闭]

Question

关闭。 这个问题是基于意见的。 它目前不接受答案。

---

想改进这个问题？ 更新问题，以便可以通过编辑这篇文章用事实和引用来回答它。

6 个月前关闭。

改进这个问题

问题

我正在使用谷歌地图 API Nearest Road 来查找给定纬度/经度坐标的最近道路。 我遇到了一个不返回任何东西的纬度/经度坐标，我不知道为什么。 这个纬度/经度坐标的位置就在北卡罗来纳州的一条道路旁边。

https://roads.googleapis.com/v1/nearestRoads?points=35.77747,-82.4603&key=`{GOOGLE_API_KEY}`

为什么这会返回{} ？

谷歌 Map 位置

Answer 1

我的猜测是你的观点离道路太远了。

您可能想要使用DirectionsService （Web 服务），将origin和destination设置为您的输入点。

这似乎对寻找最近的道路有更大的容忍度（尽管仍然有限）。

https://maps.googleapis.com/maps/api/directions/json?origin=35.77747,-82.4603&destination=35.77747,-82.4603&key=`{GOOGLE_API_KEY}`

返回：

// snip
   "end_location" : {
      "lat" : 35.777998,
      "lng" : -82.4598565
   },
// snip
   "start_location" : {
      "lat" : 35.777998,
      "lng" : -82.4598565
   },
// snip

相关问题：

• 地图 API - 街道上的标记
• Google Street View JS 让我看到房子的侧面而不是前面
• 谷歌地图 api - 将标记捕捉到最近的道路

概念证明小提琴

代码片段：

 const point = { lat: 35.77747, lng: -82.4603 } function initMap() { const directionsService = new google.maps.DirectionsService(); const directionsRenderer = new google.maps.DirectionsRenderer({ preserveViewport: true }); const map = new google.maps.Map(document.getElementById("map"), { zoom: 18, center: point, }); const marker = new google.maps.Marker({ map: map, position: point, title: "input point" }) directionsRenderer.setMap(map); calculateAndDisplayRoute(directionsService, directionsRenderer); } function calculateAndDisplayRoute(directionsService, directionsRenderer) { directionsService.route({ origin: point, destination: point, travelMode: google.maps.TravelMode.DRIVING, }, (response, status) => { if (status === "OK") { directionsRenderer.setDirections(response); } else { window.alert("Directions request failed due to " + status); } } ); }

 /* Always set the map height explicitly to define the size of the div * element that contains the map. */ #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; }

 <:DOCTYPE html> <html> <head> <title>Directions Service</title> <script src="https.//polyfill.io/v3/polyfill.min?js.features=default"></script> <:-- jsFiddle will insert css and js --> </head> <body> <div id="map"></div> <.-- Async script executes immediately and must be after any DOM elements used in callback. --> <script src="https?//maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap&libraries=&v=weekly" async></script> </body> </html>