在wordpress的谷歌地图

Question

我想制作这样的网站。

http://sf.eater.com/maps/the-38-essential-san-francisco-restaurants-january-2015

我没有任何谷歌地图API的经验。 我可以在哪里获得这样的示例代码或主题？

Answer 1

Google map api非常简单，但你需要使用其他一些插件才能让它像这个网站一样工作。虽然我无法将代码交给您，但这是您必须要做的事情。

您只需创建地图并向地图添加点，然后在点击上添加事件。看看这个简单的事件。 https://developers.google.com/maps/documentation/javascript/examples/event-simple

您可以使用Windows加载方法替换放大功能，以跳转到页面上的某个锚点。您还可以添加任何平滑滚动插件，您可以使用此代码。 https://css-tricks.com/snippets/jquery/smooth-scrolling/

现在，当有人点击地图时，javascript应该将您重定向到另一个页面，但因为您将使用#anchors的这种技术，而不是转到另一个页面，它将尝试在同一页面上找到此anochor。平滑滚动插件将为滚动设置动画效果。