folium底图本地化处理

本文涉及的产品
实时计算 Flink 版,5000CU*H 3个月
实时数仓Hologres,5000CU*H 100GB 3个月
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
简介: folium底图本地化处理

folium是生成的地图,会连接到开源链接,每次打开生成的地图文件都需要链接到开源链接,有时候会出现地图空白、地图打开链接过慢等问题。

查找原因

分析一下folium生成的地图html文件的源码。

从源码里面能看到有不少外部链接,css和js文件,这些链接都是外网开源的。每次打开html文件都需要缓冲这些外部链接。

解决办法

1.下载css、js文件存放本地

2.生成html文件后,替换原链接

使用re包正则表达式替换原生成的html的链接到本地。

###更新地图,name是地图的地址路桥
def update_mymap(name):
    ###   'mapnew方案1.html'##文件名
    import re
    # 读取生成的HTML文件
    with open(name, 'r',encoding='utf-8') as f:
        html = f.read()
    ###替换链接,r禁止转义,
    rep_dict = {
        r'https://.+/leaflet.js': 'mymap/js/leaflet.js',
        r'https://.+/jquery.+.min.js': 'mymap/js/jquery.min.js',
        r'https://.+/bootstrap.min.js': 'mymap/js/bootstrap.bundle.min.js',
        r'https://.+/bootstrap.bundle.min.js': 'mymap/js/bootstrap.bundle.min.js',
        r'https://.+/leaflet.awesome-markers.js': 'mymap/js/leaflet.awesome-markers.js',
        r'https://.+/leaflet.css': 'mymap/css/leaflet.css',
        r'https://.+css/bootstrap.min.css': 'mymap/css/bootstrap.min.css',
        r'https://.+all.min.css': 'css/all.min.css',
        r'https://.+css/bootstrap-theme.min.css': 'mymap/css/bootstrap-theme.min.css',
        r'https://.+css/font-awesome.min.css': 'mymap/css/fontawesome.min.css',
        r'https://.+/leaflet.awesome-markers.css': 'mymap/css/leaflet.awesome-markers.css',
        r'https://.+/leaflet.awesome.rotate.min.css': 'mymap/css/leaflet.awesome.rotate.css',
        r'https://.+/leaflet.textpath.min.js': 'mymap/js/leaflet.textpath.min.js',
        r'https://.+/leaflet-ant-path.min.js': 'mymap/js/leaflet-ant-path.min.js',
    }
    pattern=list(rep_dict.keys())
    for i in range(len(pattern)):
        html = re.sub(pattern[i],rep_dict[pattern[i]], html)
    # 将修改后的HTML写入新文件
    with open(name, 'w', encoding='utf-8') as f:#w是清空原文件,新的文件替换源文件
        f.write(html)

3.查看新的html文件

链接已经替换到本地了,地图打开很顺利,

目录
相关文章
|
iOS开发
iOS开发中使用第三方静态字体
iOS开发中使用第三方静态字体
|
定位技术 索引
ArcGIS制图技巧:边框的选择与制作
ArcGIS制图技巧:边框的选择与制作
357 0
|
定位技术
高德地图开发:英文地图的实现方式
高德地图开发:英文地图的实现方式
273 0
|
JSON 数据可视化 定位技术
GIS开发:Maputnik地图样式编辑器
GIS开发:Maputnik地图样式编辑器
849 0
|
移动开发
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
350 0
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
|
编解码 前端开发 JavaScript
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统
每一个应用程序,其实都会有分享的需求,比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台,因为人类是社交动物,而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的需求。另外网页的社交分享功能不仅可以满足阅读者,同时,对于网络应用本身,也可以相应的增加该网站的外部链接,比如微博豆瓣等线上粘性用户非常多的社交平台,如果是twitter或者facebook则可以带来一部分来自于国外的流量,对于网络平台来说,这样做即可以分发流量又可以引流导流,一箭双雕,一举而多得。
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统
Dreamweaver网页色彩的搭配
Dreamweaver网页色彩的搭配
137 0
|
图形学 Android开发
Unity从学习到赚钱系列-聊天气泡及字体模糊
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
366 0
文字处理技术:与布局相关的功能
文字处理技术:与布局相关的功能
107 0
|
JSON 前端开发 数据格式
【UWP开源】图片编辑器,带贴图、滤镜、涂鸦等功能
原文:【UWP开源】图片编辑器,带贴图、滤镜、涂鸦等功能 目录 说明 功能 实现原理 使用方法 效果截图   说明 最近空余时间研究了一下Win2D,它能为我们在UWP中提供一种类似GDI那样的绘图方法。
1965 0