【问题标题】:Polygon overlay in leaflet map传单地图中的多边形叠加
【发布时间】:2019-12-12 11:19:27
【问题描述】:

我正在使用ipyleaflet 使用以下代码创建交互式地图:

from ipyleaflet import Map, Polygon


polygon = Polygon(
    locations=[[(38.844185,-4.804621),(39.241299,-1.899833),(40.74308,-2.205491),(40.34742,-5.17429),(38.844185,-4.804621)],[(39.365192,-1.941078),(40.867912,-1.567062),(41.276688,-4.670904),(39.775406,-4.976737),(39.365192,-1.941078)],[(39.706161,-1.849863),(41.207623,-1.465817),(41.617561,-4.594476),(40.117233,-4.908839),(39.706161,-1.849863)],[(39.702591,-5.033657),(40.101254,-2.077048),(41.602196,-2.389729),(41.204681,-5.413605),(39.702591,-5.033657)]],
    color="green",
    fill_opacity= 0.5,
    fill_color="green"
)

m = Map(center=(38.5531, -4.6914), zoom=6)
m.add_layer(polygon);

m

输出如下所示:

我想知道如何使多边形的交集不完全透明。查看文档中的属性https://ipyleaflet.readthedocs.io/en/latest/api_reference/polygon.html,我没有看到任何选项?

所需输出的示例如下图所示:

【问题讨论】:

    标签: python leaflet polygon


    【解决方案1】:

    您得到了不好的结果,因为 ipyleaflet 减去了椭圆形的多边形(您可以在您发布的文档链接“带孔的多边形”的第二个示例中看到它)

    您需要分别添加每个多边形,我稍微更改了您的代码,现在它在循环中创建和应用多边形:

    from ipyleaflet import Map, Polygon
    
    poligons = [[(38.844185,-4.804621),(39.241299,-1.899833),(40.74308,-2.205491),(40.34742,-5.17429),(38.844185,-4.804621)],
                [(39.365192,-1.941078),(40.867912,-1.567062),(41.276688,-4.670904),(39.775406,-4.976737),(39.365192,-1.941078)],
                [(39.706161,-1.849863),(41.207623,-1.465817),(41.617561,-4.594476),(40.117233,-4.908839),(39.706161,-1.849863)],
                [(39.702591,-5.033657),(40.101254,-2.077048),(41.602196,-2.389729),(41.204681,-5.413605),(39.702591,-5.033657)]]
    
    m = Map(center=(38.5531, -4.6914), zoom=6)
    
    for poly in poligons:
        polygon = Polygon(
            locations= poly,
            color="green",
            fill_opacity= 0.5,
            fill_color="green"
        )
        m.add_layer(polygon);
    
    m
    

    结果:

    【讨论】:

    • 很高兴知道,当使用多边形列表而不是使用 for 循环逐个添加它们时,我在文档中没有找到任何关于此行为的参考。如果他们添加它会很棒。感谢你的回答!!我会在允许的情况下尽快奖励赏金!当之无愧
    猜你喜欢
    • 1970-01-01
    • 2012-09-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多