GMap Polyline положение центра - PullRequest
Новая
       6

GMap Polyline положение центра

1 голос
/ 08 июня 2010

Когда я создавал 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); 
  ) 
));

Ответы [ 2 ]

2 голосов
/ 08 июня 2010

Я решаю свою проблему 

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);
  }
});
1 голос
/ 22 октября 2010

var TrainingGMap = Class.create ({ initialize: function (div_id, points, options) { this.options = Object.extend ({}, параметры) 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);
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);

} });

...