diff --git a/‎2019-06-26-GeoPython/notebooks/2.ipyleaflet.ipynb‎
Lines changed: 50 additions & 0 deletions b/‎2019-06-26-GeoPython/notebooks/2.ipyleaflet.ipynb‎
Lines changed: 50 additions & 0 deletions
diff --git a/‎2019-06-26-GeoPython/notebooks/src/us-states-density.json‎
Lines changed: 1 addition & 0 deletions b/‎2019-06-26-GeoPython/notebooks/src/us-states-density.json‎
Lines changed: 1 addition & 0 deletions
@@ -198,6 +198,56 @@
     "slider"
    ]
   },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## GeoJSON Layer with mouse events"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from ipywidgets import Text, HTML, HBox\n",
+    "from ipyleaflet import GeoJSON, WidgetControl, Map \n",
+    "import json"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "m = Map(center = (43,-100), zoom = 4)\n",
+    "\n",
+    "geo_json_data = json.load(open('src/us-states-density.json'))\n",
+    "geojson = GeoJSON(data=geo_json_data, hover_style={'color': 'black', 'dashArray': '5, 5', 'weight': 2})\n",
+    "m.add_layer(geojson)\n",
+    "\n",
+    "html = HTML('''\n",
+    "    <h4>US 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)\n",
+    "\n",
+    "def update_html(properties, **kwargs):\n",
+    "    html.value = '''\n",
+    "        <h4>US population density</h4>\n",
+    "        <h2><b>{}</b></h2>\n",
+    "        {} people / mi^2\n",
+    "    '''.format(properties['name'], properties['density'])\n",
+    "\n",
+    "geojson.on_hover(update_html)\n",
+    "\n",
+    "m"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},