php - Google map API - 标记、MySQL

Question

我读过有关 Google 地理编码服务的信息，该服务允许将命名位置(例如曼彻斯特)映射到 Google 数据库中的坐标，以便可以将标记放置在 Google map 上:https://developers.google.com/maps/documentation/javascript/geocoding#Geocoding

在我的情况下，我有一个 MySQL 数据库，其中定义了一个表 jobs。在这个表中，我存储(毫不奇怪)工作信息，例如工资、职称、推荐信等。此表中还有工作地点一栏。 大多数它包含城市(或城市加邮政编码)。奇数次它要么为 NULL，要么具有诸如“未指定位置”之类的字符串。

为了查看这些记录，我在测试机器上运行了一个网络服务器，并使用一些 HTML 和通用 PHP 脚本(数据库驱动的 Intranet 页面)在浏览器中显示表的记录。

我现在已将此页面分为两个部分。使用 Google Maps v3 API，我的下半部分包含 Google map 。我想要实现的是:

• 根据位置字符串自动放置标记位置栏。
• 可点击标记，点击后会产生信息窗口(其中将包含职位名称等)。

我想知道什么是最好的方法？

我在这里读过一些类似的帖子，用户也有类似的情况。从这些读数中，我可以确定一些 OP 在将其记录插入表时努力存储其记录位置的经度/纬度，然后使用 Javascript 读取经度/纬度以生成标记。 p>

为此，我需要修改一些代码和表格。这是一个选项，但我宁愿探索另一个可能使用谷歌地理编码服务的选项？有人有这方面的经验吗？您有什么建议、推荐吗？

另外，假设我使用了后一个选项。我使用 PHP 脚本从数据库加载记录。我如何将位置传递给 Javascript，以便 Google Map API 可以通过地理编码服务询问经度/纬度？这是实现这一目标的不太理想的方法吗？

谢谢。

Answer 1

只需使用 Gmap3 库，然后为它提供一个地址...就像这样... http://gmap3.net/en/catalog/18-data-types/address-63

您设置了一个 div...

  <div id="test" width=500 height=500></div>

然后你的 Jquery 将 map 插入到 div 中......

$("#test").gmap3({
marker:{
  address: "Haltern am See, Weseler Str. 151"
},
map:{
  options:{
    zoom: 14
  }
}
});

该地址可以从您的 PHP 中回显(尽管这被认为是不好的做法)

$("#test").gmap3({
marker:{
  address: '<?php echo $addressfromDB;?>'
},
map:{
  options:{
    zoom: 14
  }
}
});

但最好进行 ajax 调用，然后将此代码包含在成功回调中

   $.getJSON('getlocation.php', function(data){

        $("#test").gmap3({
          marker:{
          address: data.address // or whatever structure your json is in.
          },
        map:{
          options:{
            zoom: 14
           }
          }
          });

   });

这应该可以帮助你开始:)