# leaflet-navigation


## Description
A component used for navigation. Built with uikit.

![](image.png)


## Installation

You will need node.js, npm and bower for demo

### bower
`bower install https://git.smhi.se/stw/leaflet-navigation.git --save`

## Demo

Go to demo folder and install package.json

	> npm install

Start server in demo folder

	> node server.js
	Server started on http://localhost:8080...

Open browser on http://localhost:8080/demo

## Usage example


		var map = L.map('map').setView([ 58.5, 19.0 ], 5);
		L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
			maxZoom : 18,
			attribution : '&copy; <a href="http://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors</a>'
		}).addTo(map);

		var hash = new L.Hash(map);

		var language = 'en';

        var navLangData = {
        	"tTitle": "Navigation",
					"tLogin" : "Login",
					"tLogout" : "Logout"
        };

        var navControl = new Navigation("navigation", {
			"user" : {
				"url" : "/demo", 
				"access" : "test"
			},
			"navigation": {
				"Link1" : "path",
				"Link2" : "path",
				"Link3" : "path"
			},
			"position": {
				"map" : map
			},
			"title" : {true,
			"search" : {
				"url" : "search"
			},
			"help" : {
				"classic" : {
					"id" : "introduction"
				},
				"guide" : false,
				"indepth" : {
					"id" : "kde" 
				}
			},
			"language" : true,
   			"lang" : language,
   			"langdata" : navLangData
        });;


### Options

| Option       | Default    | Description |
| -------------|------------|-------------|
| `user`  | false   | activates the user link |
| `help`  | false   | activates the help link |
| `title`  | true   | shows a title |
| `language`  | false   | activates the language link |
| `search`  | null   | activates the search link |
| `position`  | null   | activates the position link |
| `navigation`  | null   | activates the navigation link |

## Copyright and License

## Contact information

Tomas Pettersson tomas.pettersson@smhi.se


## Credits and acknowledgements


## Known bugs

## Troubleshooting

## Changelog