google-maps - 谷歌路线规划器缩放中心

Question

我在我的网站上使用 Google 路线规划器，旁边有方向面板。当您点击某个旅程的某个部分时，它会在地图上放大，但不会居中。是否可以将其置于地图中间？

Answer 1

单击面板时，没有实现任何控制任何内容的选项。

但是你可以做什么：当你点击面板时，信息窗口就会打开。您可以创建自己的 infoWindow 对象并将其作为 infoWindow 选项传递给方向渲染器。

然后你就可以控制信息窗口了。观察 infoWindow 的 domready 事件（它将在 infoWindow 打开之前触发），并将地图的中心设置为 infoWindow 的 getPosition() 方法返回的值。

// Show directions
if(!Demo.iw){
  Demo.iw=new google.maps.InfoWindow();
  google.maps.event
    .addListener(Demo.iw,'domready',
                 function(){Demo.map.setCenter(this.getPosition());});
}
Demo.dirRenderer.setOptions({
                    map         : Demo.map,
                    panel       : Demo.dirContainer,
                    infoWindow  : Demo.iw,
                    directions  : dirResult
});