如何创建一个以地图为结果的搜索?

时间:2013-08-21 09:01:23

标签: javascript google-maps

我正在寻找一个映射API,也许是谷歌地图,我可以从(或至少主要来自)Javascript和/或jQuery中使用它。我希望能够在某个位置搜索结果,并且在该区域上显示的结果很少。

可以通过这种方式使用Google地图吗?我可以将谷歌地图与我自己的列表数据库混合使用,并使其成为当用户在我的数据库中搜索与我的数据库中的列表匹配的术语时(以标记其位置的标记的形式)将出现在谷歌地图上我的网页?

如果可能的话,我还想自定义地图上的颜色和图像以适合我的网站主题。

4 个答案:

答案 0 :(得分:1)

看看gmap3.net(http://gmap3.net/)。它是一个很棒的javascript插件,有助于构建美观且一致的Google地图。

我建议你:

1)使用HTML + Javascript和Gmap3.js来制作包含所需数据的地图。首先创建虚假数据。

2)然后使用Jquery和Ajax通过Php查询您的数据库。加载数据时,可以使用JSON接收数据,在javascript中解析,然后在地图上显示。

玩得开心!

答案 1 :(得分:0)

1号有点模糊,但无论如何,简短的回答是肯定的。

使用谷歌地图搜索位置数据是一件很有用的事情。在您自己的数据库中搜索数据也很正常,虽然这里将使用服务器端脚本,而不是js。 然后你只是交叉参考的东西。

在谷歌地图上绘制标记也很简单。看看api。您可以轻松地将不同图像附加到不同的标记。

你可能会找到方便的东西:

Is it possible to customize the color scheme of a Google Map?

https://developers.google.com/maps/tutorials/customizing/custom-markers

如果不了解您的搜索条件,我无法提供更详细的答案。希望这有帮助

答案 2 :(得分:0)

查看google maps api的代码示例。 Javascript是的!

https://developers.google.com/maps/documentation/javascript/examples/

答案 3 :(得分:0)

您可以使用Google地图或OpenSource OpenLayers库轻松构建网络地图客户端。看看他们的examples page。您可以简单地复制并粘贴完整的示例以开始使用。

GeoNames提供number of services来搜索其庞大的位置数据库。您只需注册一个免费帐户即可。然后,您可以开发一个客户端来搜索服务并将点绘制到您的地图上。

对于地图本身,OpenLayers示例页面提供了使用Google地图,Bing,OpenStreetMaps或其他一些地图服务所需的所有代码。