Playing with ember-leaflet and circle marker

Here are results of playing with ember-leaflet and awesome-markers. This is how you can use ember-leaflet to mark area on a map:


You can also add another layer with custom markers(awesome-markers):



To install this with ember-cli you need to:

	//bower install --save ember-cli-leaflet
	//bower install --save ember-cli-ember-leaflet
	//bower install --save fontawesome
	//bower install --save Leaflet.awesome-markers
	var EmberApp = require('ember-cli/lib/broccoli/ember-app');
	var mergeTrees = require('broccoli-merge-trees');
	var pickFiles = require('broccoli-static-compiler');
	var fontTree = pickFiles('vendor/fontawesome/fonts', {
	srcDir: '/',
	files: ['fontawesome-webfont.eot','fontawesome-webfont.ttf','fontawesome-webfont.svg','fontawesome-webfont.woff'],
	destDir: '/fonts'
	});
	var leafletMarkers = pickFiles('vendor/Leaflet.awesome-markers/dist/images', {
	srcDir: '/',
	files: ['*'],
	destDir: '/assets/images'
	});
	var app = new EmberApp();
	app.import('vendor/Leaflet.awesome-markers/dist/leaflet.awesome-markers.js', {
	exports: {
	'leaflet.awesome-markers': 'default'
	}
	});
	app.import('vendor/Leaflet.awesome-markers/dist/leaflet.awesome-markers.css');
	//app.import('vendor/leaflet-plugins/layer/tile/Google.js');
	module.exports = mergeTrees([app.toTree(), fontTree, leafletMarkers]);

view raw Brocfile.js hosted with ❤ by GitHub