【发布时间】：2015-05-01 18:12:35
【问题描述】：
我想做这样的网站。
http://sf.eater.com/maps/the-38-essential-san-francisco-restaurants-january-2015
我没有任何 Google 地图 API 经验。 我在哪里可以获得这样的示例代码或主题？
【问题讨论】：
标签： wordpress google-maps-api-3
【发布时间】：2015-05-01 18:12:35
【问题描述】：
Google map api 非常简单，但您还需要使用其他一些插件才能使其像本网站一样工作。虽然我不能把代码交给你，但这是你必须做的。
您只需创建一个地图并向地图添加点，然后在单击时添加一个事件。看一下这个简单的事件。 https://developers.google.com/maps/documentation/javascript/examples/event-simple
您可以将放大功能替换为 windows load 方法以跳转到页面上的某个锚点。您还可以添加任何平滑滚动插件，您可以使用此代码。 https://css-tricks.com/snippets/jquery/smooth-scrolling/.
现在，当有人点击地图时，javascript 应该会将您重定向到另一个页面，但是因为您将使用此技术与#anchors，而不是转到另一个页面，它会尝试在同一页面上找到此锚点。并且平滑滚动插件将动画滚动以获得更好的效果。
【讨论】：