首页 > 其他分享 >[dash]_dash+leaflet展示linestring

[dash]_dash+leaflet展示linestring

时间:2023-03-20 10:57:17浏览次数:42  
标签:__ leaflet geojson dash gdf import linestring

dash+leaflet展示linestring

1. 完整代码

import dash_leaflet as dl
import dash
import geopandas as gpd
import dash_leaflet.express as dlx
import json
# 输入数据
gdf = gpd.read_file(r'E:\code_practice\gitee\python_study\dash_practice\data/edges.shp')
# 创建app
app = dash.Dash(__name__)
# gdf to json
geojson=json.loads(gdf.to_json())
# 使用dash leaflet 将geojson格式的数据转换为Geobuf格式
#Geobuf是一种轻量级的二进制地理空间数据格式,旨在提供与GeoJSON相似的可读性
geobuf = dlx.geojson_to_geobuf(geojson)
# 创建地图
app.layout = dl.Map([
    dl.TileLayer(), # 默认添加osm底图
    dl.GeoJSON(data=geobuf, format='geobuf', zoomToBounds=True, zoomToBoundsOnClick=True)
],
                    style={
                        'width': '1000px',
                        'height': '1000px'
                    })

if __name__ == "__main__":
    app.run_server()
    

2.思路

  • gdf 读取.shp文件
  • gdf转换成geojson格式
  • geojson to geobuf
  • 使用dash-leaflet展示数据

3. 效果

image

标签:__,leaflet,geojson,dash,gdf,import,linestring
From: https://www.cnblogs.com/aleza/p/17235520.html

相关文章

  • leaflet 自定义事件
    leaflet 自定义事件主要使用fire()方法,如下图所示,我在区域热力层点击方法中自定义一个handClick方法,并传值。  再去进行监听  预览单击就会触发我们自定义的方......
  • k8s dashboard 访问报错
      1、浏览器访问:若页面报错提示:“ClientsentanHTTPrequesttoanHTTPSserver.”,需要加https去访问。2、之后浏览器会告诉你“攻击者可能会试图从127.0.0.1窃......
  • leaflet瓦片地图纠偏
    bug:使用leaflet搭建瓦片离线地图,坐标系皆为gcj02,使用标记定位发现定位偏移。调试:经过地图缩放发现icon在不断的修正坐标定位,缩放越大,icon位置越精准。原因:marker标记中使......
  • OpenLayers 绘制带箭头的LineString
    <!--*********************************************************************Copyright©2000-2022SuperMapSoftwareCo.Ltd.Allrightsreserved.*************......
  • vue+leaflet示例:地图分屏对比展示(附源码下载)
    demo源码运行环境以及配置运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。运行工具:vscode或者其他工具。配置方式:下载demo源码,vscode打开,然后顺序执行以下命令:(1)......
  • kubernetes-dashboard安装使用
    环境:系统:CentOSLinuxrelease7.6.1810(Core)kubernetes版本:v1.23.5dashboardv2.7.0github地址:​​https://github.com/kubernetes/dashboard/releases​​安装说明上面由......
  • Lodash中is系方法总结
    前言工作中经常会遇见变量容错处理的应用场景,而Lodash提供了很多空值判断和类型判断方法,现在挑选出常用的几个方法来进行分析,进而学习一下优秀的编码思路。isEmpty()......
  • F. Dasha and Nightmares
    F.DashaandNightmaresDasha,anexcellentstudent,isstudyingatthebestmathematicallyceuminthecountry.Recently,amysteriousstrangerbrought$n$wo......
  • vue+leaflet示例:在线地图切换显示(附源码下载)
    demo源码运行环境以及配置运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。运行工具:vscode或者其他工具。配置方式:下载demo源码,vscode打开,然后顺序执行以下命令:(1......
  • pod install&ndash;verbose 出错 仓库拉不下来 https://github.com/CocoaPods/Specs.g
    发布过unity+admobiOS包的开发者应该都有体会,构建版本时unity会很长时间卡在podinstall这个过程中,特别是在第一次执行构建xcode项目时,可能整个过程耗时要一个下午!在这个......