1

だから、私はGoogleマップの静的API v2を使用して、lat、lng @ zoom 9（たとえば）から256x256の画像を取得します。画像ピクセルで計算を行い、x、y ポイントの配列を取得します。レイヤーをポリラインとしてプロットしたい。

その x、y ピクセル ポイントの配列を緯度、経度に変換したいと思います。

私の疑似コードは次のようなものでした：

var lat = 35.000,lng=33.000;
var TILE_SIZE = 256;
// google code
function degreesToRadians(deg) {
  return deg * (Math.PI / 180);
}

function radiansToDegrees(rad) {
  return rad / (Math.PI / 180);
}

function bound(value, opt_min, opt_max) {
  if (opt_min != null) value = Math.max(value, opt_min);
  if (opt_max != null) value = Math.min(value, opt_max);
  return value;
}
/** @constructor */
function MercatorProjection() {
  this.pixelOrigin_ = new google.maps.Point(TILE_SIZE / 2,
      TILE_SIZE / 2);
  this.pixelsPerLonDegree_ = TILE_SIZE / 360;
  this.pixelsPerLonRadian_ = TILE_SIZE / (2 * Math.PI);
}

MercatorProjection.prototype.fromLatLngToPoint = function(latLng,
    opt_point) {
  var me = this;
  var point = opt_point || new google.maps.Point(0, 0);
  var origin = me.pixelOrigin_;

  point.x = origin.x + latLng.lng() * me.pixelsPerLonDegree_;

  // Truncating to 0.9999 effectively limits latitude to 89.189. This is
  // about a third of a tile past the edge of the world tile.
  var siny = bound(Math.sin(degreesToRadians(latLng.lat())), -0.9999,
      0.9999);
  point.y = origin.y + 0.5 * Math.log((1 + siny) / (1 - siny)) *
      -me.pixelsPerLonRadian_;
  return point;
};

MercatorProjection.prototype.fromPointToLatLng = function(point) {
  var me = this;
  var origin = me.pixelOrigin_;
  var lng = (point.x - origin.x) / me.pixelsPerLonDegree_;
  var latRadians = (point.y - origin.y) / -me.pixelsPerLonRadian_;
  var lat = radiansToDegrees(2 * Math.atan(Math.exp(latRadians)) -
      Math.PI / 2);
  return new google.maps.LatLng(lat, lng);
};
// google code

getLatLngFromXY = function(x,y,zoom){
var scale = Math.pow(2,zoom );

      var projection = new MercatorProjection();
      var worldCoordinateCenter = projection.fromLatLngToPoint(new google.maps.LatLng(lat,lng));
      var pixelOffset = new google.maps.Point((x/scale) || 0,(y/scale) ||0);
      var offest_x = (x > 128) ? worldCoordinateCenter.x + pixelOffset.x: worldCoordinateCenter.x - pixelOffset.x;
      var offest_y = (y > 128) ? worldCoordinateCenter.y + pixelOffset.y :
          worldCoordinateCenter.y - pixelOffset.y;
       var worldCoordinateNewCenter = new google.maps.Point(
          offest_x,
          offest_y
      );
       var newCenter = projection.fromPointToLatLng(worldCoordinateNewCenter);

      var ideal_lat = newCenter.lat(),
          ideal_lng = newCenter.lng();
return {lat: ideal_lat, lng: ideal_lng};
}

var some_list = [{x: 129, y: 124},{x: 118, y: 52},...],
    polyline = [];

for(var i=0; i < some_list.length; i++){
    temp_latlng = getLatLngFromXY(some_list[i].x,some_list[i].y,9);
    polyline.push(new google.maps.LatLng(temp_latlng.lat,temp_latlng.lng);
}

new google.maps.Polyline({
  map: map,
  strokeColor: '#FF0000',
  strokeOpacity: 1.0,
  strokeWeight: 10,
  path: polyline
});

これが理にかなっていることを願っています。問題は、私がオフセットしているため（推測）、静止画像での見た目とは異なり、あちこちにマーカーが表示されることです。したがって、ピクセル間の変換->私が行ったメルカトルは間違っています。

ありがとうございました

4

1 に答える 1