2

我有一个自定义样式的地图，它工作得很好，我想知道我是否可以使用页面中的一些链接以某种方式控制地图的位置，假设我有 2 个位置，我想要

<a href="#" id="locaation1">Location1</a>

&

<a href="#" id="locaation2">Location2</a>

然后，当我单击位置 1 时，地图会转到该位置，并且位置 2 的故事相同，是否可以使用 jquery？如果我也可以为每个位置添加自定义标记，那也很棒。谢谢。

4

2 回答 2

4

是的，你甚至可以在没有 jquery 的情况下做到这一点，panto 方法就是你想要使用的，基本上， https://developers.google.com/maps/documentation/javascript/reference#Map ，只需将一个预定义函数的调用添加到您的锚点 onclick 事件（或使用 jquery 中的单击处理程序将其连接起来）。

使用 jquery，你需要类似的东西：

$("#location1").click(function(){
   var pos = new google.maps.LatLng(-25.363882, 131.044922),
   g_map.panTo(pos);  //reference to globally defined google maps object
});

这是 google api 文档中的一个简单示例，可以使用我上面提供的提示轻松进行改造：

https://google-developers.appspot.com/maps/documentation/javascript/examples/event-simple

于 2013-01-02T23:06:11.830 回答
1

如果您的地图实例名为“地图”，您可以使用：

<a href="#" onclick="map.setCenter(new google.maps.LatLng(lat, long))" id="location1">Location1</a>

于 2013-01-02T23:06:34.360 回答