wordpress 中的谷歌地图

Posted 2023-02-23

【中文标题】wordpress 中的谷歌地图

【英文标题】：Google map in wordpress

【发布时间】：2015-05-01 18:12:35

【问题描述】：

我想做这样的网站。

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

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

【参考方案1】：

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，而不是转到另一个页面，它会尝试在同一页面上找到此锚点。并且平滑滚动插件将动画滚动以获得更好的效果。