angular - 在新的浏览器窗口中显示位置标记

Question

实际上，在当前页面中，我在按钮上深度链接了谷歌地图的位置，即：当我点击按钮时，它应该打开新窗口并显示位置标记。

我从谷歌地图 api 得到坐标，结果窗口url
https://www.google.com/maps/@13.0106708,77.5552532,17z

但我想将标记显示到该特定位置，如下所示

https://www.google.com/maps/place/Orion+Mall/@13.0106708,77.5552532,17z/data=!4m8!1m2!3m1!2sOrion+Mall!3m4!1s0x3bae3d4b805e4167:0xa4c255e80b7e5464!8m2!3d13.0110723! 4d77.5549934

如何在新窗口中显示标记

Answer 1

我建议看看Google Maps URLs。Google 将 Google 地图 URL 设计为通用的跨平台 URL，以启动 Google 地图并执行搜索、获取方向和导航，以及显示地图视图和全景图像。

所以，而不是下面的 URL

https://www.google.com/maps/@13.0106708,77.5552532,17z

使用官方谷歌地图网址链接

https://www.google.com/maps/search/?api=1&query=13.0106708,77.5552532

它将使用标记打开谷歌地图。如果您想显示某个特定地点并从 Google Maps API 检索到地点 ID，您也可以在 URL 中添加地点 ID

https://www.google.com/maps/search/?api=1&query=13.0106708,77.5552532&query_place_id=ChIJZ0FegEs9rjsRZFR-C-hVwqQ

后者将显示 Orion Mall 的位置。

我希望这有帮助！