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

Mon Apr 7 14:26:20 EDT 2014

hi Tyler,

(sorry for the top-posting)

Maybe you will find this interesting:

https://github.com/kikocorreoso/brythonmagic

(see the openlayers notebook in the notebooks folder).

It is not using the custom widgets but maybe it is helpful for your use case.

kind regards.

2014-04-07 19:27 GMT+02:00, Aron Ahmadia <aron at ahmadia.net>:
> 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
>>
>>
>