Customizable url

cli.js

@@ -40,6 +40,7 @@ const MBView = require('./mbview');
 const params = {
   center: argv.center || [-122.42, 37.75],
   mbtiles: mbtiles,
+  url: argv.url || 'http://localhost',
   port: argv.port || 3000,
   zoom: 12,
   quiet: argv.q || argv.quiet,
@@ -48,6 +49,7 @@ const params = {
 };
 
 MBView.serve(params, (err, config) => {
-  console.log('Listening on http://localhost:' + config.port);
-  if (!argv.n) open('http://localhost:' + config.port);
+  const fullUrl = config.url + ':' + config.port;
+  console.log('Listening on ' + fullUrl);
+  if (!argv.n) open(fullUrl);
 });

test/mbview.test.js

@@ -38,6 +38,7 @@ test('MBView.serve', (t) => {
       __dirname + '/fixtures/twolayers.mbtiles',
       __dirname + '/fixtures/038.mbtiles'
     ],
+    url: 'http://localhost',
     port: 9000,
     accessToken: 'pk.foo.bar'
   };

utils.js

@@ -34,6 +34,7 @@ module.exports.usage = function () {
   u.push('usage: mbview [options] [files]');
   u.push('');
   u.push(' --port sets port to use (default: 3000)');
+  u.push(' --url sets host to use (default: http://localhost)');
   u.push(' --quiet or -q supress all logging except the address to visit');
   u.push(' -n don\'t automatically open the browser on start');
   u.push(' --basemap, --base or --map sets the basemap style (default: dark)');

views/raster.ejs

@@ -30,7 +30,7 @@
   L.mapbox.accessToken = '<%= accessToken %>';
   var map = L.mapbox.map('map').setView([center[1], center[0]], center[2]);
   var baselayer = L.tileLayer('http://b.tiles.mapbox.com/v4/mapbox.<%= basemap %>/{z}/{x}/{y}.png?access_token=<%= accessToken %>').addTo(map);
-  var tilelayer = L.tileLayer('http://localhost:<%= port %>/' + source + '/{z}/{x}/{y}.<%= format %>', { maxNativeZoom: <%= maxzoom %> }).addTo(map);
+  var tilelayer = L.tileLayer('<%= url %>:<%= port %>/' + source + '/{z}/{x}/{y}.<%= format %>', { maxNativeZoom: <%= maxzoom %> }).addTo(map);
   var hash = L.hash(map);
 </script>
 </body>

views/vector.ejs

@@ -97,7 +97,7 @@ map.on('load', function () {
     map.addSource('<%= sid %>', {
       type: 'vector',
       tiles: [
-        'http://localhost:<%= port %>/<%= sid %>/{z}/{x}/{y}.pbf'
+        '<%= url %>:<%= port %>/<%= sid %>/{z}/{x}/{y}.pbf'
       ],
       maxzoom: <%= sources[sid].maxzoom %>
     });