2

原始问题:我正在尝试在我的网站中嵌入一张地图,上面覆盖有搜索结果,例如附近的所有酒吧或医院。我知道这是很常见的事情 - 但我很难找到示例代码或有关如何执行此操作的教程。谁能给我一些指示?

我最终做的是使用谷歌地图搜索地址,然后“搜索附近”并复制谷歌提供的嵌入代码。然后我使用 innerHtml 根据单击的复选框(无论是通过酒吧、商店等)交换嵌入代码 - 例如:

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

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

这是试图找出 Yelp API 并在 Google 地图 API 提供的地图上手动放置标记的解决方法。

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

这给我留下了两个问题:是否有人知道提供嵌入代码的站点,该代码将显示周围位置搜索的标记以及从搜索返回的位置的标记?根据我过去一天所做的事情,我认为这不太可能 - 但可能值得一问。

如果不是 - 那么我只能使用 yelp API 并在 google map API 提供的 google map 上手动放置标记。我已经弄清楚了google api。我遇到问题的 Yelp API。有谁知道一个好的教程或有通过 yelp api 从 yelp 搜索中提取位置信息的示例代码?

提前致谢。

4

1 回答 1

1

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

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

于 2012-11-27T09:45:57.920 回答