谷歌地图与Yelp搜索覆盖

Question

原始问题：我正在尝试在我的网站上嵌入一张地图，其上覆盖了搜索结果，例如附近的所有酒吧或医院。我知道这是常见的事情 - 但我很难找到示例代码或如何执行此操作的教程。任何人都可以提供一些指示吗？

我最终做的是使用Google地图搜索地址，然后进行“附近搜索”并复制Google提供的嵌入代码。然后我使用innerHtml根据点击的复选框（无论是酒吧，商店等）交换嵌入代码 - 例如：

    var bars       = 'embed map code from Google Maps';

            if(document.getElementById('ChkBar').checked) {
        document.getElementById('MapBlock').innerHTML = bars;
    }

这是尝试找出Yelp API并在Google Maps API提供的地图上手动放置标记的工作。

此解决方案的唯一问题是，所提供的嵌入代码会删除您在“附近搜索”的位置标记 - 即使它出现在您执行“附近搜索”时显示的地图中。我尝试使用自定义谷歌地图 - 您应该能够添加自定义标记，如下所示：（http://insideout.com/blog/2012/02/26/create-a-custom-google-map-for -your-blog-post-imw /）但谷歌提供的嵌入代码不起作用 - 事实上它给你的信息是：“这张地图不能嵌入” - 我认为这是由于许可问题。我尝试过其他具有相同结果的地图网站......

这让我有两个问题：有没有人知道一个网站提供的嵌入代码会显示搜索位置的标记以及搜索返回的位置的标记？根据我过去一天所做的事情，我认为这不太可能 - 但可能值得一提。

如果没有 - 那么我将继续使用yelp API并在谷歌地图API提供的谷歌地图上手动放置标记。我有谷歌api想通了。 Yelp API我遇到了问题。有没有人知道一个好的教程或有示例代码通过yelp api从yelp搜索中提取位置信息？

提前致谢。

Answer 1

您可以使用Google Place Library进行本地搜索。 Google Place搜索非常简单且运行良好。 以下是Google文档的链接。 看看，我想你会得到答案。

http://code.google.com/apis/maps/documentation/javascript/places.html#place_searches