Google Geocode API 结果显示在地图上？

Question

我正在阅读 Google 的 API，但没有看到任何示例，所有其他 Google 搜索的示例都有些陈旧（大约 1-2 岁，大多数是基于 API 密钥的 :S）。

我想要一个文本输入。发送按钮。和下面的 iframe。

如何使用我自己的输入在地图上显示位置？

此时我的 iframe 看起来像这样：

<iframe width="230" height="180" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="<?php echo $src ?>">

输入：

<input id="googleMaps" name="googleMaps" type="text" />

此时我正在尝试使用 XML（但据我所知推荐使用 JSON？），但我在 iframe 中获取的 XML 只是文本，例如：

This document had no style information.
<GeocodeResponse>
<status>
OK
</status>
<result>
<type>
locality
</type>
<type>
political
</type>
<formatted_address>
(...)

如何将这些数据传递给 Google 并取回地图？ :)

非常感谢。

Answer 1

您需要使用 Google Geocode API 对您的地址进行反向地理编码以获得坐标，然后该坐标可用于在地图上显示结果。例如，对于我的地址，我发布到地址参数，如下面的 url 中给出的

http://maps.googleapis.com/maps/api/geocode/json?address=154+Metro+Central+Heights+London+UK&sensor=true

可以从生成的 JSON 中获取坐标，如下所示

"geometry": {
      "location": {
        "lat": 51.5001524,
        "lng": -0.1262362
      }

获取 JSON 的 PHP 代码

<?php

$address = $_GET['address'];
$address=str_replace(" ","+",$address);
if ($address) {
    $json = file_get_contents('http://maps.googleapis.com/maps/api/geocode/json?address='.$address.
    '&sensor=true');
    echo $json;
}

?>

可以在here 找到 Javascript。下面给出了解析 JSON 的关键代码

$.getJSON("getjson.php?address="+address,
        function(data){
            lat=data.results[0].geometry.location.lat;
            lng=data.results[0].geometry.location.lng;
                        //.... more map initialization code
                 }
);

我已经为您之前的问题here 设置了一个工作示例，它应该可以帮助您了解如何在地图上生成标记。如果您需要进一步说明，请告诉我。