【问题标题】:Want to add a google maps button to customer address form想要在客户地址表单中添加谷歌地图按钮
【发布时间】:2013-06-16 17:54:27
【问题描述】:

我正在寻找一种将谷歌地图按钮添加到从 MySQL 中提取客户地址的客户联系表单的方法

所以基本上我想在客户联系表单上有一个谷歌地图按钮,该按钮获取存储在 MySQL 中的该客户的地址,当按下该按钮时,它会导航到谷歌地图并显示该客户地址。

【问题讨论】:

  • 这是一个糟糕的问题。你应该重写它。我不明白到底是什么问题。
  • 那会很有趣,因为我没有否决你的问题。
  • 这并不难。所以?问题出在哪里?你有一些代码吗?
  • @alkis 我很抱歉,因为您是唯一被您否决的回应。我不敢贸然下结论!
  • @alkis 我没有任何代码,因为我不知道从哪里开始,我一直在寻找预制脚本,但我找到的所有内容都只是添加一个标记并使用纬度和经度坐标。我只想获取存储在 mysql 中的地址并将其链接到页面上的谷歌地图按钮,因此当您单击它时,它会导航到谷歌地图并显示到该位置的路线

标签: php mysql google-maps


【解决方案1】:

试试这个https://gis.stackexchange.com/questions/52370/how-to-geocode-addresses-from-mysql-and-add-them-like-markers-to-the-google-map 我不认为这正是你想要的,但它应该能让你朝着正确的方向前进。

【讨论】:

  • 感谢您的建议,我实际上已经尝试过了,但它并没有达到我想要的效果,它似乎只是放置了标记。但是感谢您的帮助!
【解决方案2】:

这就是我的做法! 最初的问题正是我试图找出的......几个小时!我发现的一切都是为了更复杂的实现。
我只是想要一个按钮,它可以获取从数据库返回的地址,并让最终用户可以选择转到 Google 地图。无法在任何地方找到解决方案。

假设我的数据库已将值返回到这些字段:
'$loaded_street'
'$loaded_city'
'$loaded_state'
'$loaded_zip'

    <a href="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=<?php echo $loaded_street?>, +<?php echo $loaded_city?>,+<?php echo $loaded_state?>,+<?php echo $loaded_zip?>" data-role="button" data-ajax="false">Go to Map</a>

我在 Google 地图上进行了房产搜索,点击了他们的“发送”按钮,该按钮启动了我的电子邮件客户端并包含指向该地址的链接。
我把地址拿出来并在我的表单上为每个字段添加了 php,它起作用了! 我确信有一种更简洁的方法,但我不是程序员,所以我很高兴让它工作,因为找到这样一个简单的答案是如此困难。

没有脚本、没有地图 API、地理编码、经度和纬度。只是一个包含正确变量的链接。

【讨论】:

    【解决方案3】:

    这是给你的一个场景。 首先,您必须知道您必须将 javascript 与 google maps api 一起使用。 正如 Jason 建议的那样,您必须使用地理编码。 地理编码是谷歌地图的一项服务,它使您能够为 api 提供地址,因此它可以返回您可以用于地图的东西,例如纬度和经度。 你可以做的是使用 ajax 从你的服务器请求地址,然后你使用我提到的 api,之后就很容易了。如果你不想只放置一个标记,那就不要。当您以对地图有用的方式获得位置时,您可以做任何您想做的事情。据我了解,您需要一个包含地址的信息窗口。

    一些可能对你有帮助的例子

    Geocoding example

    Jquery ajax post

    How to add an infowindow to your marker

    Live example for infowindow

    更新

    我相信,如果您采用第一个示例并稍作更改,它就会起作用。在示例中,它从输入中获取地址。您将要做的是,当用户按下按钮时,您将 ajax 发布(或获取)到您的服务器并接收地址。当您收到地址时,您可以使用地理编码作为示例,在其中将信息窗口添加到标记以显示您想要的内容。

    【讨论】:

    • 有了以上所有内容,您就拥有了您需要的所有作品。将它们粘合在一起,如果您遇到问题,请返回您管理的代码,我们会找到解决方案。
    猜你喜欢
    • 2016-11-19
    • 2018-04-02
    • 1970-01-01
    • 2017-12-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-16
    相关资源
    最近更新 更多