Merge pull request #406 from VasavanThiru/geodata_on_hover

Geodata on hover

Author: martinRenou

examples/GeoData_on_hover.ipynb

@@ -0,0 +1,109 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "scrolled": false
+   },
+   "outputs": [],
+   "source": [
+    "from ipyleaflet import Map, GeoData, basemaps, LayersControl\n",
+    "import geopandas\n",
+    "import json\n",
+    "\n",
+    "countries = geopandas.read_file(geopandas.datasets.get_path('naturalearth_lowres'))\n",
+    "rivers = geopandas.read_file(\"https://www.naturalearthdata.com/http//www.naturalearthdata.com/download/10m/physical/ne_10m_rivers_lake_centerlines.zip\")\n",
+    "\n",
+    "m = Map(center=(28.6019917,70.9121356), zoom = 3, basemap= basemaps.Esri.WorldTopoMap)\n",
+    "\n",
+    "geo_data = GeoData(geo_dataframe = countries,\n",
+    "                   style={'color': 'black', 'fillColor': '#366370', 'opacity':0.05, 'weight':1.9, 'dashArray':'2', 'fillOpacity':0.6},\n",
+    "                   hover_style={'fillColor': '#b08a3e' , 'fillOpacity': 0.9},\n",
+    "                   name = 'Countries')\n",
+    "\n",
+    "\n",
+    "m.add_layer(geo_data)\n",
+    "m"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipywidgets import Text, HTML\n",
+    "from ipyleaflet import WidgetControl, GeoJSON \n",
+    "\n",
+    "\n",
+    "html = HTML('''\n",
+    "    <h4> population density</h4>\n",
+    "    Hover over a state\n",
+    "''')\n",
+    "html.layout.margin = '0px 20px 20px 20px'\n",
+    "control = WidgetControl(widget=html, position='topright')\n",
+    "m.add_control(control)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def update_html(feature,  **kwargs):\n",
+    "    html.value = '''\n",
+    "        <h5>Population density</h5>\n",
+    "        <h5><b>{}</b></h5>\n",
+    "        {} people \n",
+    "        <h5><b> Continent : {} </b></h5>\n",
+    "        <h15> GDP : {} </h15>  \n",
+    "    '''.format(feature['properties']['name'],\n",
+    "               feature['properties']['pop_est'],\n",
+    "               feature['properties']['continent'],\n",
+    "               feature['properties']['gdp_md_est'])\n",
+    "\n",
+    "geo_data.on_hover(update_html)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipyleaflet import FullScreenControl, LayersControl\n",
+    "m.add_control(FullScreenControl())"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.7.3"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}

ipyleaflet/leaflet.py

@@ -253,7 +253,7 @@ def _handle_leaflet_event(self, _, content, buffers):
     def on_load(self, callback, remove=False):
         self._load_callbacks.register_callback(callback, remove=remove)
 
-    def redraw(self): 
+    def redraw(self):
         self.send({'msg':'redraw'})
 
 class LocalTileLayer(TileLayer):
@@ -514,7 +514,7 @@ class GeoData(GeoJSON):
     geo_dataframe = Instance('geopandas.GeoDataFrame')
 
     def __init__(self, **kwargs):
-        super(GeoJSON, self).__init__(**kwargs)
+        super(GeoData, self).__init__(**kwargs)
         self.data = self._get_data()
 
     @observe('geo_dataframe')
@@ -860,7 +860,7 @@ class Map(DOMWidget, InteractMixin):
     style = InstanceDict(MapStyle).tag(sync=True, **widget_serialization)
     default_style = InstanceDict(MapStyle).tag(sync=True, **widget_serialization)
     dragging_style = InstanceDict(MapStyle).tag(sync=True, **widget_serialization)
-    
+
     zoom_control = Bool(True)
     zoom_control_instance = ZoomControl()
 
@@ -905,10 +905,10 @@ def __init__(self, **kwargs):
 
         if self.zoom_control:
             self.add_control(self.zoom_control_instance)
-            
+
         if self.attribution_control:
             self.add_control(self.attribution_control_instance)
-        
+
     @observe('zoom_control')
     def observe_zoom_control(self, change):
         if change['new']: