Question

我要做的是设置一个地址作为目的地和原点（起点）我想把设备的当前位置，但我找不到任何适用于iframe的线路，所有我发现是关键当前位置作为原点，但它似乎没有工作，我也尝试了我的位置，当前地址和我在意大利我也试过意大利语，但所有相同，任何人都知道什么是正确的命令放置为原点，因此它会自动将用户位置作为起点

.maps {
  width: 600px;
  height: 200px;
  border: 0;
}

<iframe allowfullscreen="" class="maps" frameborder="0" id="mapnavi" name="mapnavi" src="https://www.google.com/maps/embed/v1/directions?
origin=current+location
&destination=rome
&key=AIzaSyC-5CY9mOCeg5Y3IhPqi_Yd0-DZtWrJl-E">
</iframe>

Answer 1

您可以使用Geolocation API获取当前位置，然后以纬度，经度格式使用它。

例如，它可能看起来像https://www.google.com/maps/embed/v1/directions?origin=40.871579,14.2878583&destination=Rome

Answer 2

尝试在目的地中使用PlaceID，以便当前位置可以在您的来源中使用。

<iframe width="500" height="500" 
frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/directions?
origin=Current%20Location&destination=place_id:ChIJu46S-ZZhLxMROG5lkwZ3D7k&key=YOUR_API_KEY"
allowfullscreen></iframe>

罗马PlaceID = ChIJu46S-ZZhLxMROG5lkwZ3D7k

使用此地点ID documentation获取目的地的PlaceID。

Answer 3

这三个参数之一应该起作用：

&origin=lat,lang
&center=lat,lang
&ll=lat,lang

只需在src URL的末尾添加所需的纬度和经度中的这些参数之一即可。

谷歌地图嵌入API当前位置作为iframe的起点

3 个答案: