How to customize GeoJSON lines / poly-lines

[iacisme]

Hi;

I have a question regarding the customization of lines/polylines loaded from GeoJSON files.

The following map was created using folium:

The red and blue pipelines in the image were generated using these folium scripts:

Loading Nord Stream 1 Route

# Load Nord Stream 1 pipeline routing into memory
nord_stream_1_geojson_file_path = './map_data/nordstream_1_full.geojson'

# Add the routing to the map
nord_stream_1_route = folium.GeoJson(data = nord_stream_1_geojson_file_path,
                                     tooltip = "Nord Stream 1",
                                     name = "Nord Stream 1",
                                     style_function = lambda x: {'fillColor' : 'dardkblue', 'color' : 'darkblue', 'weight' : 5}
                                    ).add_to(Map);

Loading Nord Stream 2 Route

# Load Nord Stream 2 pipeline routing into memory
nord_stream_2_geojson_file_path = './map_data/nordstream_2_full.geojson'

# Add the routing to the map
nord_stream_2_route = folium.GeoJson(data = nord_stream_2_geojson_file_path, 
                                     tooltip = "Nord Stream 2",
                                     name = "Nord Stream 2",
                                     style_function = lambda x: {'fillColor' : 'red', 'color' : 'red', 'weight' : 3}
                                    ).add_to(Map);

Thus allowing someone to uniquely identify one line from another.

Is there a way to customize these kinds of GeoJSON files in leafmap or ipyleaflet? I've seen the following example in the Key Features:

But that's not what I'm looking to do. I need the ability to customize each line.

I've tried experimenting some, based on the examples, but the results look like this:

Here is the code I used to load the GeoJSON file:

Loading Nord Stream 1 Route

# Load Nord Stream 1 pipeline routing into memory
nord_stream_1_geojson_file_path = './map_data/nordstream_1_full.geojson'

# Customize the pipeline color
nord_stream_1_style = {"stroke": False,
                       "color": "dardkblue",
                       "weight": 3,
                       "opacity": 1,
                       "fill": True,
                       "fillColor": "darkblue",
                       "fillOpacity": 1,
                       }

# Add UK border to the map
base_map.add_geojson(nord_stream_1_geojson_file_path,
                     layer_name = 'Nord Stream 1',
                     style = nord_stream_1_style,
                     info_mode = False,
                     )


base_map

For my applications (engineering) - it's going to be important for me to use GeoJSON files that represent pipelines, powerlines, and electrical cables. I'm therefore going to need the ability to customize colors and other values in order to identify one line from another.

Can someone please show me how to do this using leafmap or ipyleaflet?

Thank you.

--Igor

[iacisme]

Hey guys, I figured it our. You pass a basic dictionary to the style parameter. Here is my code:

Loading Nord Stream 1 Route

# Load Nord Stream 1 pipeline routing into memory
nord_stream_1_geojson_file_path = './map_data/nordstream_1_full.geojson'

# Add pipeline route to the map
base_map.add_geojson(nord_stream_1_geojson_file_path,
                     layer_name = 'Nord Stream 1',
                     style = {"color" : "darkblue",
                              "weight" : 4,
                               },
                     info_mode = False,
                    )

Loading Nord Stream 2 Route

# Load Nord Stream 2 pipeline routing into memory
nord_stream_2_geojson_file_path = './map_data/nordstream_2_full.geojson'

# Add pipeline route to the map
base_map.add_geojson(nord_stream_2_geojson_file_path,
                     layer_name = 'Nord Stream 2',
                     style = {"color" : "red",
                              "weight" : 3,
                             },
                     info_mode = False,
                    )

Here is the basemap it generates:

Hope that helps someone else!

[giswqs]

Here are two more examples:

• https://leafmap.org/notebooks/10_add_vector/
• https://leafmap.org/notebooks/58_bokeh/