GMap 折线中心位置

Question

当我创建 Gmap 时，她需要建立中心并缩放

一旦我们通过 GMap2 创建了地图 构造函数，我们需要初始化它。 这样初始化就完成了 使用地图的 setCenter () 方法。 setCenter()方法 需要 GLatLng 坐标和 缩放级别和此方法必须是 在任何其他操作之前发送 在地图上执行，包括 设置任何其他属性 地图本身。

由于该路线未位于中心 - 这是一个示例 http://grab.by/4OD6

我应该根据坐标来获取中心？

并获得显示所有对象地图的缩放？

我的代码：

var TrainingGMap = Class.create (( 
  initialize: function (div_id, points, options) ( 
    this.options = Object.extend ((), options) 
    this.points = points; 
    this.map = new GMap2 (document.getElementById (div_id)); 
    this.map.setCenter (new GLatLng (this.points [0]. lan, this.points [0]. lon), 12); 
    this.map.setUIToDefault (); 
    this.set_route (); 
  ) 

  set_route: function () ( 
    var line = new Array (); 
    for (var i = 0; i <this.points.length; i + +) ( 
      line [i] = new GLatLng (this.points [i]. lat, this.points [i]. lon); 
    ) 
    var polyline = new GPolyline (line, "# aa0000", 5); 
    this.map.addOverlay (polyline); 
  ) 
));

Answer 1

我解决了我的问题

this.map.setCenter(polyline.getBounds().getCenter());
this.map.setZoom(this.map.getBoundsZoomLevel(polyline.getBounds()));

新代码

var TrainingGMap = Class.create({
  initialize: function(div_id, points, options) {
    this.options = Object.extend({}, options)
    this.points  = points;
    this.map     = new GMap2(document.getElementById(div_id));
    this.map.setCenter(new GLatLng(this.points[0].lan, this.points[0].lon), 12);

    this.map.setUIToDefault();
    var line = new Array();
    for (var i = 0; i < this.points.length; i++) {  
      line[i] = new GLatLng(this.points[i].lan,this.points[i].lon);
    }
    var polyline = new GPolyline(line, "#aa0000", 5);

    this.map.setCenter(polyline.getBounds().getCenter());
    this.map.setZoom(this.map.getBoundsZoomLevel(polyline.getBounds()));
    this.map.addOverlay(polyline);
  }
});

Answer 2

var TrainingGMap = Class.create({
初始化：函数（div_id，点，选项）{
this.options = Object.extend({}, 选项)
this.points = 点；
this.map = new GMap2(document.getElementById(div_id));
this.map.setCenter(new GLatLng(this.points[0].lan, this.points[0].lon), 12);

this.map.setUIToDefault();
var line = new Array();
for (var i = 0; i < this.points.length; i++) {  
  line[i] = new GLatLng(this.points[i].lan,this.points[i].lon);
}
var polyline = new GPolyline(line, "#aa0000", 5);
var tengah=Math.round(polyline.getVertexCount()/2)-1;
this.map.setCenter(polyline.getVertex(tengah));
this.map.setZoom(this.map.getBoundsZoomLevel(polyline.getBounds()));
this.map.addOverlay(polyline);

}
});