Python:folium地图增加自定义icon标记物

心已赠人 2022-12-25 08:58 301阅读 0赞

python代码如下：

import webbrowser as wb
    import folium
    from folium import CustomIcon
    
    
    def draw_custom_icon(map, loc):
        url = '{}'.format
        icon_image = url("https://img-blog.csdnimg.cn/20190511223909598.png")
        shadow_image = url("https://profile.csdnimg.cn/9/7/A/3_zhangphil")
    
        icon = CustomIcon(
            icon_image,
            icon_size=(38, 95),
            icon_anchor=(22, 94),
            shadow_image=shadow_image,
            shadow_size=(50, 64),
            shadow_anchor=(4, 62),
            popup_anchor=(-3, -76),
        )
    
        marker = folium.Marker(
            location=loc, icon=icon, popup="zhang\nphil"
        )
    
        map.add_child(marker)
    
    
    def get_map():
        loc = [30., 104.]
        map = folium.Map(loc,  # 地图中心
                         tiles='OpenStreetMap',  # stamentoner,Stamen Watercolor,OpenStreetMap'
                         zoom_start=6)
    
        draw_custom_icon(map, loc)
    
        map.save('m.html')
        wb.open('m.html')
    
    
    if __name__ == '__main__':
        get_map()

输出结果如图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5ncGhpbA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5ncGhpbA_size_16_color_FFFFFF_t_70]: /images/20221120/91c1eb6665c84609809430362913aafb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue-自定义icon实现

在项目中引入了element-ui之后，发现其内置的icon有限，无法满足项目的需求，因此需自定义icon来实现需求。 1. 在vue项目的components下新建Svg

╰+攻爆jí腚メ/ 2024年03月16日 12:08/ 0 赞/ 37 阅读

相关 Python:folium地图标记icon分组展示

python代码如下： import webbrowser as wb import folium from folium import Featur

╰半橙微兮°/ 2022年12月25日 08:59/ 0 赞/ 187 阅读

相关 Python:folium地图增加自定义icon标记物

python代码如下： import webbrowser as wb import folium from folium import Custom

心已赠人/ 2022年12月25日 08:58/ 0 赞/ 302 阅读

相关 Python:地理地图folium标记物icon,圆圈,圆形,热力图,经纬度点之间的线绘制

python:地理地图folium标记物icon,圆圈,圆形,热力图,经纬度点之间的线绘制 import webbrowser as wb imp

朱雀/ 2022年12月25日 07:57/ 0 赞/ 473 阅读

相关 element ui 自定义icon图标

因为要按照原型图设计实现页面，在element ui自带的图标库好像没有，所以按钮的图标icon需要自定义，原型如下图所示。 ![在这里插入图片描述][202

左手的ㄟ右手/ 2022年12月15日 02:20/ 0 赞/ 426 阅读

相关百度地图自定义icon,定位偏移问题

最近使用百度地图做一个调度系统，使用定义icon的marker，结果地图显示marker和实际位置偏移，最终参考文章： [http://www.cnblogs.

梦里梦外;/ 2022年06月13日 20:07/ 0 赞/ 527 阅读

相关 Ionic之自定义icon大小

<ion-icon class="message" name="ios-chatbubbles-outline"></ion-icon> .message {

心已赠人/ 2022年05月23日 05:10/ 0 赞/ 187 阅读

相关添加自定义字体icon图标

先提供一个比较好的自定义icon图标库[阿里图标库][Link 1] 所以接下来的使用主要就是以从上面提供的网址下载的icon图标为例（如果不会使用，请参考[使用][Link

冷不防/ 2022年05月22日 09:59/ 0 赞/ 348 阅读

相关 mui如何增加自定义icon图标

mui如何增加自定义icon图标 mui框架遵循极简原则，在icon图标集上也是如此，mui仅集成了原生系统中最常用的图标；其次，mui中的图标并不是图片，而是字体。在实

妖狐艹你老母/ 2022年05月13日 11:04/ 0 赞/ 454 阅读

相关自定义CSS的Icon图标

http://note.youdao.com/noteshare?id=a957d57709fe80c5f381b0a947254b44 ![在这里插入图片描述][wate

绝地灬酷狼/ 2021年07月25日 01:28/ 0 赞/ 551 阅读