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

# <a href="https://githubtocolab.com/giswqs/geemap/blob/master/examples/notebooks/07_geojson.ipynb" target="_parent"><img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab"/></a>
# 
# Uncomment the following line to install [geemap](https://geemap.org) if needed.

# In[ ]:


# !pip install geemap


# In[ ]:


import geemap
import json
import os
import requests
from geemap import geojson_to_ee, ee_to_geojson
from ipyleaflet import GeoJSON


# In[ ]:


geemap.show_youtube('DbK_SRgrCHw')


# In[ ]:


Map = geemap.Map()
Map


# In[ ]:


file_path = os.path.abspath('../data/us-states.json')

if not os.path.exists(file_path):
    url = 'https://github.com/giswqs/geemap/raw/master/examples/data/us-states.json'
    r = requests.get(url)
    with open(file_path, 'w') as f:
        f.write(r.content.decode("utf-8"))        

with open(file_path) as f:
    json_data = json.load(f)


# In[ ]:


json_layer = GeoJSON(data=json_data, name='US States JSON', hover_style={'fillColor': 'red' , 'fillOpacity': 0.5})
Map.add_layer(json_layer)


# In[ ]:


ee_data = geojson_to_ee(json_data)
Map.addLayer(ee_data, {}, "US States EE")


# In[ ]:


json_data_2 = ee_to_geojson(ee_data)
json_layer_2 = GeoJSON(data=json_data_2, name='US States EE JSON', hover_style={'fillColor': 'red' , 'fillOpacity': 0.5})
Map.add_layer(json_layer_2)


# In[ ]:


file_path = os.path.abspath('../data/countries.geojson')

if not os.path.exists(file_path):
    url = 'https://github.com/giswqs/geemap/raw/master/examples/data/countries.geojson'
    r = requests.get(url)
    with open(file_path, 'w') as f:
        f.write(r.content.decode("utf-8"))        

with open(file_path) as f:
    json_data = json.load(f)


# In[ ]:


json_layer = GeoJSON(data=json_data, name='Counties', hover_style={'fillColor': 'red' , 'fillOpacity': 0.5})
Map.add_layer(json_layer)


# In[ ]:


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

html1 = HTML('''
    <h4>Country</h4>
    Hover over a country
''')
html1.layout.margin = '0px 20px 20px 20px'
control1 = WidgetControl(widget=html1, position='bottomright')
Map.add_control(control1)

def update_html(feature, **kwargs):
    html1.value = '''
        <h4>Country code: <b>{}</b></h4>
        Country name: {}
    '''.format(feature['id'], feature['properties']['name'])

json_layer.on_hover(update_html)