创建一个链接导航到谷歌地图上的地图标记

creating a link navigation to map markers on Google Maps

本文关键字:谷歌地图 地图 图标 导航 链接 一个 创建      更新时间:2023-09-26

我正在尝试使用一个导航菜单,将链接连接到谷歌地图上的标记。当点击链接时,地图会以与点击链接对应的标记为中心。我看到了这个很棒的例子http://www.cannonade.net/geo.php?test=geo20,但对源代码和它是侧边栏的事实感到困惑。我希望我的导航栏在地图的上方。

With Page Refresh

如果你打算移动到一个新的页面(例如,一个新位置的配置文件),那么你只需要将标记的LatLng存储在链接中或从服务器端代码推送到javascript中。

之后,您可以像往常一样简单地创建您的地图:

map.setCenter(latlng);

映射参考

没有页面刷新

如果您不打算刷新页面,只需移动地图-您可以使用panTo(latlng)代替。

它可能看起来像这样:

<a href="javascript: map.panTo(new LatLng(25.2, 105.7))">Mexico</a>