Get Panorama Img Google StreetView

get-pano-url.js

module.exports = streetViewUrl;
function streetViewUrl (panoId, opt) {
  opt = opt || {};
  var x = opt.x || 0;
  var y = opt.y || 0;
  var zoom = opt.zoom || 0;
  // alternative:
  // return 'https://cbks2.google.com/cbk?cb_client=maps_sv.tactile&authuser=0&hl=en&panoid=' + id + '&output=tile&zoom=' + zoom + '&x=' + x + '&y=' + y + '&' + Date.now()
  return 'https://geo0.ggpht.com/cbk?cb_client=maps_sv.tactile&authuser=0&hl=en&panoid=' + panoId + '&output=tile&x=' + x + '&y=' + y + '&zoom=' + zoom + '&nbt&fover=2';
}

get-panorama-by-location.js

var nets = require('nets');
var defined = require('defined');

module.exports = function panoramaByLocation(location, opt, cb) {
  if (!location || !Array.isArray(location)) {
    throw new TypeError('must provide location [ lat, lng ]');
  }

  if (typeof opt === 'function') {
    cb = opt;
    opt = {};
  }

  opt = opt || {};

  var radius = defined(opt.radius, 50);
  var url = 'https://cbks0.google.com/cbk?cb_client=apiv3&authuser=0&hl=en&output=polygon&it=1%3A1&rank=closest&ll=' + location[0] + ',' + location[1] + '&radius=' + radius;
  nets({
    url: url,
    json: true
  }, function(err, res, body) {
    if (err) {
      return cb(bail(location));
    }
    if (!/^2/.test(res.statusCode)) {
      return cb(new Error('http status code: ' + res.statusCode));
    }
    if (!body || !body.result || !body.result.length) {
      return cb(bail(location));
    }
    cb(null, body.result[0]);
  });
};

function bail(location) {
  return new Error('could not find street view at: [ ' + location.join(', ') + ' ]');
}

get-panorama-tiles.js

// Much inspired by:
// https://github.com/spite/PanomNom.js

var widths = [416, 832, 1664, 3328, 6656, 13312];
var heights = [416, 416, 832, 1664, 3328, 6656];
var levelsW = [1, 2, 4, 7, 13, 26];
var levelsH = [1, 1, 2, 4, 7, 13];

module.exports = equirect;

function equirect(zoom, data) {
  if (typeof zoom !== 'number') {
    throw new Error('must provide zoom');
  }

  var width, height, cols, rows, squareW, squareH;
  if (data) {
    // if meta info is specified, we will compute the exact tile sizes
    // works with StreetView and PhotoSphere
    var ratio = data.worldSize.width / data.tileSize.width;
    var nearestZoom = Math.floor(Math.log(ratio) / Math.log(2));
    width = Math.floor(data.worldSize.width * Math.pow(2, zoom - 1) / Math.pow(2, nearestZoom));
    height = Math.floor(data.worldSize.height * Math.pow(2, zoom - 1) / Math.pow(2, nearestZoom));
    cols = Math.max(1, Math.ceil(width / data.tileSize.width));
    rows = Math.max(1, Math.ceil(height / data.tileSize.height));
    squareW = data.tileSize.width;
    squareH = data.tileSize.height;
  } else {
    // otherwise, we approximate them assuming the result is
    // a regular StreetView panorama
    width = widths[zoom];
    height = heights[zoom];
    cols = levelsW[zoom];
    rows = levelsH[zoom];
    squareW = 512;
    squareH = 512;
  }

  return {
    columns: cols,
    rows: rows,
    tileWidth: squareW,
    tileHeight: squareH,
    width: width,
    height: height
  };
}

package.json

{
  "name": "Get pano google streetview",
  "version": "1.0.0",
  "description": "i dont know what i made",
  "keywords": [
  ],
  "author": {
    "name": "toanalien",
    "email": "[email protected]",
    "url": "http://toanalien.github.io"
  },
  "engines": {
    "node": ">= 0.6.0",
    "npm": ">= 1.0.0"
  },
  "dependencies": {
    "express": "~3.4.4",
    "nets":"*",
    "defined":"*"
  },
  "devDependencies": {},
  "bundleDependencies": [],

  "private": true,
  "main": "server.js"
}

server.js

#!/bin/env node

var getTileData = require('./modules/get-panorama-tiles');
var panorama = require('./modules/get-panorama-by-location');
var getPanoURL = require('./modules/get-pano-url');
var express = require('express');
var app = express();

function getPanoTileImages(id, zoom) {
    if (!id) {
        throw new Error('must specify panorama ID');
    }

    zoom = (typeof zoom === 'number' ? zoom : 1) | 0; // integer value
    if (zoom < 0 || zoom > 5) {
        throw new Error('zoom is out of range, must be between 0 - 5 (inclusive)');
    }

    var data = getTileData(zoom);
    var images = [];
    for (var y = 0; y < data.rows; y++) {
        for (var x = 0; x < data.columns; x++) {
            images.push({
                url: getPanoURL(id, {
                    x: x,
                    y: y,
                    zoom: zoom
                }),
                position: [x * data.tileWidth, y * data.tileHeight]
            });
        }
    }
    data.images = images;
    return data;
}

function getImageFromURL(url) {
    var img = new Image();
    var abc;
    request.get({
        url: url,
        encoding: null
    }, function(err, res, body) {
        img.src = body;
        return body;
    });
}

app.get('/json', function(req, res) {
    if (req.query.lat && req.query.lng) {} else {
        res.end('lat & lng required !');
    }
    var location = [req.query.lat, req.query.lng];
    var zoom = parseInt(req.query.zoom);
    panorama(location, function(err, result) {
        if (err) throw err;
        var data = getPanoTileImages(result.id, zoom);
        res.writeHead(200, {
            'Content-Type': 'text/html'
        });
        res.end(JSON.stringify(data));
    });
});

var server = app.listen(process.env.OPENSHIFT_NODEJS_PORT || 8080, process.env.OPENSHIFT_NODEJS_IP);