[IPython-dev] working towards an interactive Google Maps widget

Mon Apr 7 13:27:00 EDT 2014

Raymond,

Cool example!  I think Tyler is asking for a way to integrate Google Maps
as an IPython Widget.

-A

On Mon, Apr 7, 2014 at 1:24 PM, Raymond Yee <raymond.yee at gmail.com> wrote:

>  Hi Tyler,
>
> Take a look at
> http://nbviewer.ipython.org/github/rdhyee/working-open-data-2014/blob/master/notebooks/Day_07_C_Google_Map_API.ipynb
>
>
> -Raymond
>
>
> On 4/7/14 10:11 AM, Tyler Erickson wrote:
>
>  I have been attempting to create an interactive Google Map widget,
> following the directions on the custom widgets<http://nbviewer.ipython.org/github/ipython/ipython/blob/2.x/examples/Interactive%20Widgets/Custom%20Widgets.ipynb>notebook. My end goal is to create a widget that passes back location (lat,
> lon) based on a user's input, but for now I would be happy just get the map
> to appear in a notebook.
>
>  For a simple HTML page page, an interactive Google Map is typically
> added by<https://developers.google.com/maps/documentation/javascript/examples/map-simple>
> :
>
>    - referencing a javascript library in a <html><head><script> element
>     - adding a <html><body><div> element as a container
>    - adding an javascript initialize() function, and adding a DOM
>    listener event so that it the initialization happens during the page load.
>
> I am not clear on how to do the equivalent in an IPython notebook /
> require.js / backbone.js. My current attempt (see attached ipynb file)
> results in a Comm exception (listed below).
>
>  My guess on what is going wrong is that I am not correctly referencing
> the external Maps API JS library, and as a result google.maps.Map() is
> undefined. Ideally I would like the google.maps object to be available for
> all cells in the notebook, because I think it will be common to display
> multiple maps in a notebook.
>
>  Any ideas how do debug this?
>
>  Cheers,
> Tyler
>
>
>  Exception in Comm callback
>  TypeError {stack: "TypeError: undefined is not a function↵ at
> IPyt…ocalhost:8889/static/widgets/js/widget.js:340:17)", message: "undefined
> is not a function"}
>   TypeError: undefined is not a function at
> IPython.DOMWidgetView.extend.initialize (eval at <anonymous> (
> http://localhost:8889/static/notebook/js/outputarea.js?v=de72c2eeb2653a9b75ab7c6f84c451fb:549:18<http://localhost:8889/static/notebook/js/outputarea.js?v=de72c2eeb2653a9b75ab7c6f84c451fb>),
> <anonymous>:21:28) at a.View (
> http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d:1:12150<http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d>)
> at r (
> http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d:1:19091<http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d>)
> at r (
> http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d:1:19091<http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d>)
> at new r (
> http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d:1:19091<http://localhost:8889/static/components/backbone/backbone-min.js?v=dd2e6c2643968f7932487454302f407d>)
> at WidgetManager.create_view (
> http://localhost:8889/static/widgets/js/manager.js:121:24<http://localhost:8889/static/widgets/js/manager.js>)
> at Backbone.View.extend.create_child_view (
> http://localhost:8889/static/widgets/js/widget.js:305:56<http://localhost:8889/static/widgets/js/widget.js>)
> at IPython.DOMWidgetView.extend.add_child_model (
> http://localhost:8889/static/widgets/js/widget_container.js:48:29<http://localhost:8889/static/widgets/js/widget_container.js>)
> at x.isFunction.i (
> http://localhost:8889/static/components/jquery/jquery.min.js?v=ccd0edd113b78697e04fb5c1b519a5cd:4:5488<http://localhost:8889/static/components/jquery/jquery.min.js?v=ccd0edd113b78697e04fb5c1b519a5cd>
> )
>
>
> _______________________________________________
> IPython-dev mailing listIPython-dev at scipy.orghttp://mail.scipy.org/mailman/listinfo/ipython-dev
>
>
>
> _______________________________________________
> IPython-dev mailing list
> IPython-dev at scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.python.org/pipermail/ipython-dev/attachments/20140407/db657a2c/attachment.html>