Ember mapbox-map

A reusable Ember component for integrating Mapbox in your application

Usage

###Configuration Look in app/app.js for a sample configuration

// Register the mapbox component with your app
App.register('component:mapbox-map', Ember.Mapbox.MapboxMapComponent)

// Set config params for the mapbox component
Ember.Mapbox.config = {
  api_key: 'greenfield.i0p4gl0k',
  center: [42.35, -71.051],
  zoom: 15
};

#####api_key Sign up for a Mapbox account and get your very own api_key #####center Latitude, Longitude. The initial geographical center of the map #####zoom Initial map zoom ###Sample data Sample data can be found in app/data/data.js. You'll want to replace this with your own data which will likely be accessed via your controller. ###Example

<script type="text/x-handlebars" data-template-name="components/mapbox-map">
  <div id="map" class="map"></div>
</script>
<script type="text/x-handlebars" data-template-name="index">
  {{mapbox-map markers=Ember.Mapbox.data.companies popup-view=Ember.Mapbox.DefaultPopupView}}
</script>

###Default Popup View todo ###Customize Popup View todo

Contributions

Pull requests are more than welcome, they're greatly appreciated.