将 Google Map 的标记位置作为 url 插入

Posted

技术标签:

【中文标题】将 Google Map 的标记位置作为 url 插入【英文标题】:Insert marker position for Google Map as a url 【发布时间】:2020-03-18 07:45:30 【问题描述】:

我想在我的 react 应用程序中嵌入谷歌地图,并在那里放置一些位置标记。我用

google-maps-react 用于此和来自 google 的 Maps javascript API

谷歌地图中的标记使用经度和纬度来获取位置,如下所示。

<Marker
    name='Dolores park'
    position=lat: 37.759703, lng: -122.428093 />
  <Marker />

在我的应用中,我将用户的位置作为 url,如下所示

https://goo.gl/maps/4eDhXxvQCqmJnzmT7

我的问题是,我想将“位置”作为 URl。我怎么做?或者至少我如何在我的代码中使用上面提到的 URL 获取经度和纬度,以便我可以将它们传递给 .

【问题讨论】:

【参考方案1】:

您可以向提供的链接发出获取请求并相应地解析即将到来的 html。这样就可以解析经纬度了。当请求您的示例链接时,有一行带有 \"Nawalapitiya\" [[63356.8217311729,80.4860538,7.0326191]。你应该找到一种方法来解析它,然后你可以将它用于每个 URL。

【讨论】:

以上是关于将 Google Map 的标记位置作为 url 插入的主要内容,如果未能解决你的问题,请参考以下文章

标记在Google Map中闪烁

允许用户使用 Google Map 和 asp.net 设置其位置

google maps 单击标记点作为地图中心

Flutter Google Map 被选中时会增加标记图标的大小

Android Google Map如何检查用户是不是在标记矩形区域

尝试使用通过EJS传递给客户端的数据绘制多个Google Map标记/信息窗口时,initMap()不是一个函数