如何使用参数（lat，lng）在您的网站上实施谷歌地图[关闭]答案

【问题标题】：how to implement google maps on your website with parameters(lat,lng) [closed]如何使用参数（lat，lng）在您的网站上实施谷歌地图[关闭]
【发布时间】：2014-10-06 21:51:09
【问题描述】：

我有一个从我的 API 获得的纬度和经度列表；这是一个 AngularJS 应用程序。我希望用户看到显示这些坐标在地图上的位置的谷歌地图。

我查看了 iFrame，但它显示一个空白页面，因为我无法更新这些 lat 和 lng。

所以我如何在所选协调时在我的应用程序上实现Google地图，它将显示一个带有这些坐标的标记的地图。

我需要控制器吗？使用 AngularJS 指令我将如何使用它们？我对 AngularJS 完全陌生。

【问题讨论】：

标签： javascript angularjs google-maps iframe google-maps-api-3

【解决方案1】：

您可以使用 Google 地图 API。只需根据用户的输入输入经纬度坐标。这应该可以帮助您入门：https://developers.google.com/maps/documentation/javascript/tutorial?hl=nl

在这里您可以找到将谷歌地图集成到您的应用程序中的 Angular js 指令：https://angular-ui.github.io/angular-google-maps/#!/

更新

我为您创建了一个示例，我认为这就是您要寻找的：

google mapshttp://plnkr.co/vcx6dIUSa0MsjTWXCkIV?p=preview

【讨论】：

但这将如何运作？我想如果我能找到通过 lat 和 lng 搜索地点的 api，我可以简单地执行 /URI/{{lat}},{{lng}}。有没有办法做到这一点。由于我对角度很陌生，我不明白这将如何工作？另外，如果我使用指令，我需要使用哪一个，因为网站上没有搜索指令
您需要调用 api 并让它返回您要查找的地方的经纬度坐标。谷歌是你查找这个的朋友，那里有足够的例子。提示：stackoverflow.com/questions/3617227/…
现在我已经有了坐标。这是通过我自己的 API 获得的。我只需要搜索它们。我已经设法使用“maps.google.com/?q=MY%20LOCATION@{{place.place.lat}},{{place.place.lng}}”将用户重定向到谷歌地图，但我希望地图显示在同一页面上而不是重定向用户。我在 Google 上找不到类似的内容。
您需要将控制器上具有 lat&long 属性的对象绑定到 google-map center 指令属性，并在有人提交搜索时更新该属性。
我不太明白这个我该怎么做我对 Javascript/Angualr 很陌生

【解决方案2】：

很简单

转到：https://www.google.com/maps/preview
搜索所需位置
登录您的 Google 帐户
分享并嵌入您的 Google 帐户地图
复制粘贴你输入的代码到你的html中

希望对你有帮助

【讨论】：

这无济于事，因为我可以做到这一点，但它只会有我不想要的固定纬度和经度。每次用户单击它时我都有一个坐标列表我希望地图通过每次传递不同的坐标来显示该位置。