Hi, If you visit maps.google.com and pan around you will see that the current map position and zoom level are encoded in the URL, for example via a parameter such as @48.1852313,10.3465301,6z.
I'm working on migrating an Ember application (where this was quite straight forward) to Angular and I'm stuck on how to achieve this with Angular. In my application the map is always present (it's sort of a backdrop), and based on map interactions, such as clicking on POIs panels open and reveal more information. In this panels the user can open different tabs for details. While the panels are open interactivity with the map should still be possible, so the URL must be able to encode both panel state and map state at the same time (again, much like maps.google.com does it). <https://lh6.googleusercontent.com/-wZKvqLkxMlI/VLL-d1tQ7nI/AAAAAAAAAGA/GEa4pewteN8/s1600/mapapp.png> I tried using the native angular router but it seems that my nested panels and tabs pose a problem to the flat view structure available there. Then I tried to achieve this with ui-router but instead faced the problem that whenever I update the URL based on map interaction, the views re-render! I imagine maintaining a map state in the URL should be a fairly common requirement, so I hope there are some suggestions on this topic. Thanks! -ra -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
