【问题标题】:Enable user location picking on Google Maps在 Google 地图上启用用户位置选择
【发布时间】:2020-12-13 23:28:40
【问题描述】:

我正在开发 Angular 应用程序中的一项功能,该功能应使用户能够选择他们的项目所在的位置。 此位置数据在整个应用程序中使用。

有什么方法可以使用 Google Maps API,以便用户可以在创建/修改项目时选择项目所在的位置,然后再显示该项目的位置?

如果没有,是否有任何库可以很好地与 Google 地图配合使用,用户可以在其中输入地址,以后可以将其添加到 Google 地图中?

提前致谢。

【问题讨论】:

  • 您希望用户能够从地图中选择一个可以保存的位置吗?
  • 您所说的“输入地址以后可以添加到 Google 地图”是什么意思?
  • @MuhammadKamran 没错,用户应该在地图上选择一个可以保存的位置,以后项目位置应该显示在项目详细信息中。如果这不起作用,如果用户可以在输入字段中键入项目地址,该地址将存储在稍后注入谷歌地图的变量中以显示位置信息,那就太好了。

标签: javascript angular google-maps google-maps-api-3


【解决方案1】:

您可以使用this 组件获取用户位置:

然后如果您想显示该位置。您可以使用官方的 agm(Angular 谷歌地图)模块。这也是上述组件的依赖。

【讨论】:

  • 这看起来正是我需要的东西 :D 我还有一个问题。有没有办法让谷歌地图更具交互性?我想知道是否有任何方法可以在谷歌地图中手动移动标记以获得更精确的定位。
  • @Skafec 是的,您可以这样做。在 agm 模块中。您可以访问标记。你可以从你的 ts 更新标记,它会在地图上更新。
  • agm 模块包含将标记作为输入的组件。以及折线等其他内容。您可以在他们的文档中阅读更多内容:angular-maps.com/api-docs/agm-core/components/agmmap
  • 只是一个更新,我使用了传单 js 库。我们遇到了 Google Maps API 的问题,所以我们决定使用其他东西。无论如何,谢谢!
【解决方案2】:

Google 有一些不错的 primers 可以帮助您开始使用 Google Maps APIs for Javascript 选择地理位置。

您可能需要实现以下组合:

Geolocation.getCurrentPosition() & Geocoder.from(verboseAddress)

让用户输入当前地理位置或 Google 地图上的其他 POI。

还可以看看之前的answer 是否对您有帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-23
    • 2023-02-15
    • 2019-01-03
    • 1970-01-01
    • 1970-01-01
    • 2015-05-16
    相关资源
    最近更新 更多