#!/usr/bin/env python
# coding: utf-8

# In[ ]:


from ipyleaflet import Map, GeoJSON
import json
import os
import requests

if not os.path.exists("europe_110.geo.json"):
    url = "https://github.com/jupyter-widgets/ipyleaflet/raw/master/examples/europe_110.geo.json"
    r = requests.get(url)
    with open("europe_110.geo.json", "w") as f:
        f.write(r.content.decode("utf-8"))

with open("europe_110.geo.json", "r") as f:
    data = json.load(f)

m = Map(center=(50.6252978589571, 0.34580993652344), zoom=3)
geo_json = GeoJSON(
    data=data,
    style={
        "color": "green",
        "opacity": 1,
        "weight": 1.9,
        "dashArray": "9",
        "fillOpacity": 0.1,
    },
)
m.add(geo_json)

m


# In[ ]:


from ipywidgets import Text, HTML
from ipyleaflet import WidgetControl, GeoJSON

html1 = HTML(
    """
    <h4>EU population density</h4>
    Hover over a state
"""
)
html1.layout.margin = "0px 20px 20px 20px"
control1 = WidgetControl(widget=html1, position="bottomright")
m.add(control1)


def update_html(feature, **kwargs):
    html1.value = """
        <h4>EU population density</h4>
        <h4><b>{}</b></h4>
        {} people / mi^2
    """.format(
        feature["properties"]["name"], feature["properties"]["pop_est"]
    )


geo_json.on_hover(update_html)