Google API指示。如何将原点和目的地设置为空？

Question

我将谷歌地图嵌入我的网站。

此链接是我的网站地图的样子。 https://gyazo.com/fda645cc29b78ce791d90c878648b180

这就是我希望我的网站看起来像。 https://gyazo.com/2093195fd87a6e208c7d4d4510f02e81

这是我到目前为止所尝试的： （注意：这都是html，没有javascript）

<iframe
 width="600"
 height="450"
 frameborder="0" style="border:0"
 src="https://www.google.com/maps/embed/v1/directions?key=(APIKEY)&origin=Oslo+Norway&destination=Telemark+Norway&avoid=tolls|highways"allowfullscreen>

但我想要一些不同的东西。基本上，我想要的是让用户可以选择放置它们所在的位置以及它们的去向。我不希望有像API指示那样的预设选项。任何帮助将不胜感激！

Answer 1

您无法使用Embed API执行此操作（原点和目的地是路线模式下的必需参数）。

但是你可以转到http://maps.google.com，按照你想要的方式设置地图（没有原点或目的地），然后点击“汉堡包”菜单，点击分享或嵌入地图，然后点击嵌入地图选项卡并获取一个<iframe>网址，用于加载您想要的地图。

示例

从此网址： https://www.google.com/maps/dir///@59.8937805,10.6450363,11z

按照该过程生成此iframe代码：

<iframe src="https://www.google.com/maps/embed? 
pb=!1m18!1m12!1m3!1d128083.93009419793!2d10.645036343724943!3d59.89378054345609!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m3!3e6!4m0!4m0!5e0!3m2!1sen!2sus!4v1471120225355"
width="100%"
height="450"
frameborder="0"
style="border:0" allowfullscreen></iframe>

实时网址： http://www.geocodezip.com/example_embedded_map_directions_SO_empty.html