在Gmaps上居中地图标记?

时间:2012-11-13 05:14:10

标签: javascript google-maps google-maps-api-3

http://bit.ly/Uzu45r

我已经实施了GMAPS V3,但在#map中难以集中标记。如果单击上面链接中的某个位置,它将转到该位置并按原样进行缩放,但是,它不会使其居中。

一旦用户点击地址列表中的位置,我怎样才能使它居中?

谢谢!

4 个答案:

答案 0 :(得分:2)

点击事件监听器中的

google.maps.event.addListener(marker, "click", function() {

添加

map.setCenter(marker.getPosition())

在此处查看一个有效的示例:http://jsfiddle.net/RASG/vA4eQ/
(拖动标记重新居中)

答案 1 :(得分:0)

map.setCenter(marker.getPosition());

我还考虑将地图放大一点,因为当地图以标记为中心时,信息框将不在视野范围内。

答案 2 :(得分:0)

你正在打开infowindow iz平底锅,以便它可见。恕我直言,你有2个选择: 1.显示infowindow pan到标记位置后,有可能infowindow将离开视口。 2.使用Smartinfowindow控件

将此JS纳入您的页面

http://gmaps-samples-v3.googlecode.com/svn/trunk/smartinfowindow/js/smartinfowindow.js

尝试了解这个DEMO页面的来源(非常简单)。

http://gmaps-samples-v3.googlecode.com/svn/trunk/smartinfowindow/smartinfowindow.html

祝你好运。

答案 3 :(得分:0)

更新您的代码,例如

var myLatLng = new google.maps.LatLng(c_lat,c_lng);
var myOptions = {
    zoom: 2,
    center: myLatLng,
    mapTypeId: google.maps.MapTypeId.TERRAIN
};