Google maps integration

[yevheni...@gmail.com]

Hello team,

We are evaluating Elm usage in our project  and before we get our hands dirty with the syntax I want to ask whether are there any conceptual problems with Google Maps integration? 

The interface we are looking forward to implementing in the Elm is similar to the Airbnb's search page:

* there is a filter panel on top, details panel on the left and map on the right

* we have a map movement hook: after user moves a map we send coordinates of the newly displayed area to the server

* in response server sends the updated set of the markers to display 

* markers that ended up outside of visible area are removed and new markers are added

Is that kind of interconnectivity possible? Does anyone have an experience of implementing JS callbacks in Elm? 

[Laszlo Pandy]

Yes, 0.17 has just been released. It introduces effect modules which are designed for interacting with stateful things like google maps. Unfortunately since the release is brand new, there is little documentation on effect modules. The best way to try it is probably to checkout the websocket example:

https://github.com/elm-lang/websocket/blob/master/src/WebSocket.elm

The Cmd type would correspond to methods you want to call into the google maps library, and Sub type would correspond to the callbacks that you need to get from the library.

--
You received this message because you are subscribed to the Google Groups "Elm Discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to elm-discuss...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Simon]

Here's a very simple example, albeit still based on 0.16 code and ports

http://simonh1000.github.io/2015/10/elm-architecture-ports/

[Pablo Parga]

Here is another example but without ports and with polymer

https://github.com/ohanhi/polymer-in-elm

[Farmous]

I have updated your example based on 0.17.

https://github.com/farmio/elm-google-maps

[Yevhenii Kurtov]

Thank you, Farmio! 

That example contains all we need :) 

--
You received this message because you are subscribed to a topic in the Google Groups "Elm Discuss" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/elm-discuss/0tyo4vc5RjY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to elm-discuss...@googlegroups.com.

[Andrey Kozlov]

I'm curious if an approach with having a google map with its markers and position as a web component, say, via a Polymer library, will make everything easy.

This way we would somehow able to have a markup like <map lat="32" lng="23" zoom="3"><marker lat="2" lng="3" icon="1.png">Test</marker></map> which itself can be completely controlled from the elm. Of course someone need to add a binding to that map element, but that itself is another issue.

And, as I hope, there is nothing what prevents from making a Polymer or other web component using a compiled elm source!

Any thoughts ?

https://elements.polymer-project.org/elements/google-map

[Andrey Kozlov]

Heh, it seems all ideas are already implemented, please look at this one!

https://github.com/quephird/polymer-with-elm