bbnavi widget demos

Integrate bbnavi into your own website.

To read the official documentation visit the project's Github page. Alternatively, look at the source code of this page to get an idea how to use the widgets.

Tiny widget for Herzberg(Elster)

JavaScript code

new TinyRouteSelector('widget-1');

Tiny widget for Angermünde

JavaScript code

new TinyRouteSelector('widget-2', { baseUrl: "https://angermuende.bbnavi.de", focus: { lat: 53.0179, lng: 13.9978 } });

Tiny widget with fixed destination

JavaScript code

new TinyRouteSelector('widget-3', {
  baseUrl: "https://angermuende.bbnavi.de",
  focus: { lat: 53.0179, lng: 13.9978 },
  destination: {
    label: "Rathaus Angermünde",
    lat: 53.01800,
    lng: 14.00426
  }
});

Tiny widget with custom logo

JavaScript code

new TinyRouteSelector('widget-4', {
  baseUrl: "https://angermuende.bbnavi.de",
  logoUrl: "https://www.angermuende.de/wp-content/uploads/2019/08/logo_der_stadt_angermuende.png",
  focus: { lat: 53.0179, lng: 13.9978 }
});