2016-08-16 146 views
1

在Node.js中使用mapbox-gl-native我需要在渲染後找出地圖的實際邊界。我繪製的地圖作爲項目的README.md概述:地圖渲染mapbox-gl:從中心點,縮放級別和尺寸計算地圖邊界

var fs = require('fs'); 
var path = require('path'); 
var mbgl = require('mapbox-gl-native'); 
var sharp = require('sharp'); 

var options = { 
    request: function(req, callback) { 
     fs.readFile(path.join(__dirname, 'test', req.url), function(err, data) { 
      callback(err, { data: data }); 
     }); 
    }, 
    ratio: 1 
}; 

var map = new mbgl.Map(options); 

map.load(require('./test/fixtures/style.json')); 

map.render({zoom: 12.25, center: [-122.67, 45.52]}, function(err, buffer) { 
    if (err) throw err; 

    // TODO: get map extent 
    // var extent = map.extent(); 
    // extent is {minX: ..., maxX: ..., minY: ..., maxY: ...} or similar... 

    map.release(); 

    var image = sharp(buffer, { 
     raw: { 
      width: 512, 
      height: 512, 
      channels: 4 
     } 
    }); 

    // Convert raw image buffer to PNG 
    image.toFile('image.png', function(err) { 
     if (err) throw err; 
    }); 
}); 

後,我想找出什麼渲染地圖的邊界是。有誰知道這是否可能與mapbox-gl-native或如果這是可以添加到未來版本的API的東西?還是有另一種方法來簡單地從縮放級別,地圖中心和地圖尺寸計算地圖的實際邊界?

我使用了@JohnS將excellent answer稍微調整爲類似的問題來計算給定範圍內的縮放級別。也許有辦法恢復這個計算來獲得實際的程度?

回答

2

我想你可以嘗試mapbox/geo-viewport

geoViewport.bounds([-122.67, 45.52], 12.25, [512, 512]) 
+0

感謝,偉大的發現!我會檢查出來... – forrert

相關問題