Question

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

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

＆安培;

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

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

Answer 1

是的，你甚至可以在没有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

Answer 2

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

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

在谷歌地图api 3中切换位置

2 个答案: