folium底图本地化处理

本文涉及的产品
实时计算 Flink 版,5000CU*H 3个月
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
大数据开发治理平台 DataWorks,不限时长
简介: 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文件

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

相关文章
|
7月前
|
人工智能 NoSQL 定位技术
标准地图的矢量模板,ArcGIS可打开
标准地图的矢量模板,ArcGIS可打开
94 0
|
10月前
|
搜索推荐 定位技术
百度地图开发mapStyle个性化地图styleJson的配色解决方案
百度地图开发mapStyle个性化地图styleJson的配色解决方案
485 0
|
7月前
|
机器学习/深度学习 缓存 人机交互
OpenCV-实现背景分离(可用于更改证件照底色)
OpenCV-实现背景分离(可用于更改证件照底色)
206 1
|
10月前
|
JSON 数据可视化 定位技术
GIS开发:Maputnik地图样式编辑器
GIS开发:Maputnik地图样式编辑器
391 0
|
数据可视化 定位技术
GIS开发:客户端控制的地图样式
GIS开发:客户端控制的地图样式
|
Java
OFFICE技术讲座:由-(减号)的绘制差异,看不同字体引擎的处理
OFFICE技术讲座:由-(减号)的绘制差异,看不同字体引擎的处理
85 0
OFFICE技术讲座:由-(减号)的绘制差异,看不同字体引擎的处理
|
编解码 前端开发 JavaScript
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统
每一个应用程序,其实都会有分享的需求,比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台,因为人类是社交动物,而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的需求。另外网页的社交分享功能不仅可以满足阅读者,同时,对于网络应用本身,也可以相应的增加该网站的外部链接,比如微博豆瓣等线上粘性用户非常多的社交平台,如果是twitter或者facebook则可以带来一部分来自于国外的流量,对于网络平台来说,这样做即可以分发流量又可以引流导流,一箭双雕,一举而多得。
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统
|
前端开发 Linux Windows
如何优雅地解决平台字体适应问题
对于一套好看舒适的前端设计方案,风格统一是基本要求,其中必然包括字体的统一。
120 0
如何优雅地解决平台字体适应问题

热门文章

最新文章