随笔分类 - gis
摘要:### 解决vue中mapbox地图显示一半的问题 问题描述: 在vue中创建mapbox地图,地图只显示一般,查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改:获取到`canvas.mapboxgl-c
阅读全文
摘要:dash+leaflet展示linestring 1. 完整代码 import dash_leaflet as dl import dash import geopandas as gpd import dash_leaflet.express as dlx import json # 输入数据 g
阅读全文
摘要:[openlayers07]_加载天地图为底图并展示GeoJSON 1. 加载底图(得申请key) 天地图 2. 创建地图、设置center和投影 // 创建地图 const center = [114.1692, 30.494]; //EPSG:4326 const view = new View
阅读全文
摘要:[openlayers06]_根据features的属性设置style 1 .说明 Making it look nice 我们会希望不同的要素展示成不用的样式(style),下面的内容:展示如何根据features自身的属性设置不同的样式,基础的样式设置看上面的链接。 2. 步骤 2.1 导入 i
阅读全文
摘要:[openlayers05]_Downloading features(下载功能) 1. 说明 Downloading features 在用户上传数据并编辑之后,我们希望用户能下载结果。为此,我们将feature data 转为GeoJSON,并创建一个带有download属性的<a> 元素,该元
阅读全文
摘要:[openlayers04]_Drawing new features 1. 效果展示 gif展示(有可能不展示): 绘制结果 2. 完整代码 js代码 import './style.css'; import Map from 'ol/Map.js'; import GeoJSON from 'o
阅读全文
摘要:Modifying features 1.说明 功能:让用户能编辑数据,使用Modify Modifying features 结果展示 2. 步骤 导入Modify import Modify from 'ol/interaction/Modify'; 创建地图、设置矢量源并加入地图 // 下面用
阅读全文
摘要:教程参考 Drag and Drop 英文: For our feature editor, we want users to be able to import their own data for editing. We'll use the DragAndDrop interaction fo
阅读全文
摘要:使用openlayers展示GeoJSON数据 文中包含geojson数据获取、选取坐标、并将坐标作为center和展示geojson 1. 获取数据 1.1 从阿里云获取数据 阿里云数据可视化平台 获取的是湖北省的边界数据 1.2 将数据保存为GeoJSON数据 geojson.io 2. 选取地
阅读全文
摘要:使用chatgpt生成交互式地图 1.教程来源 ChatGPT Made me a Map! 2.数据来源 States & UTs of India(Updated Data w/ Coordinates) 3. 使用chatgpt生成交互式地图 描述文字:”我有一份数据,里面有三列,分别是Sta
阅读全文