0

I'm looking at creating a google maps component. But I would like it to be self contained so it will have its own model, controllers and views. So for example the component will fetch its own data from the server and I'll also be able to refresh the data when needed. Ideally I'd simply add the component to the current template that is showing, so for example: {{map-view}} and then everything the component needs to do will take care of its self.

The component will also need to listen to triggered events from other controllers as a user will be able to search for a specific location and the map will need to change its position.

Is this possible to do in EmberJS? As I haven't found anything like this, specially when having its own model. I know there is a component in EmberJS but it seems very limited. Am I wrong in thinking this?

Peter
  • 749
  • 10
  • 27

1 Answers1

1

the controller cannot have its own model all values must be passed to component. Please refer to ember docs and this Discussion

You can make a google map component and pass the location and marker data to the component. this data will get updated due to ember data binding.

so you can have something like this

{{map-view location=userEnteredValue}}

you can search for ember component talk by Kris Selden on youtube which includes a google map component good for you to start with.

updated

https://gist.github.com/krisselden/8189650

Community
  • 1
  • 1
Rigel
  • 882
  • 1
  • 11
  • 32
  • YouTube, Google and Slideshare are not very cooperative with the keywords _Kris Sheldon_ and _ember_ or _component_. Could you go into more detail (like a conference or the actual link)? – amenthes Jun 27 '14 at 11:51
  • Thank you for taking the time to update the post. With the corrected name, there's indeed a lot to be found! – amenthes Jun 28 '14 at 20:41