原始问题:我正在尝试在我的网站中嵌入一张地图,上面覆盖有搜索结果,例如附近的所有酒吧或医院。我知道这是很常见的事情 - 但我很难找到示例代码或有关如何执行此操作的教程。谁能给我一些指示?
我最终做的是使用谷歌地图搜索地址,然后“搜索附近”并复制谷歌提供的嵌入代码。然后我使用 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 搜索中提取位置信息的示例代码?
提前致谢。