三箱 使用自定义图层功能的Mapbox GL JS的three.js插件。 提供方便的方法来管理线性坐标中的对象,以及同步地图和场景摄像机。 文件 优化 采用更严格的手写方式解决了luixus的编译问题 可能对你有帮助 import mapboxgl from 'mapbox-gl' import * as THREE from 'three' import {GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader'; import {DRACOLoader} from 'three/examples/jsm/loaders/DRACOLoader'; import {Threebox} from 'threebox-map'; /*Load gltfdraco model*/ let data = { id: "",
2026-01-16 14:02:20 818KB threejs mapbox JavaScript
1
"odchart-mapbox.zip" 是一个包含示例代码的压缩包,旨在解决Echarts在Mapbox地图上绘制OD(Origin-Destination)图表时出现的移动残影问题。OD图通常用于展示地理位置间流量的分布和流向,对于数据分析和地理可视化至关重要。 中提到的问题在于,当Echarts在Mapbox地图上动态展示OD图时,可能会在移动或更新图表时留下不理想的视觉残留。为了解决这个问题,这个Demo提供了一种替代方案:使用geojson数据格式来直接绘制点、线和marker,从而创建出与Echarts OD图类似但移动表现更好的效果。Geojson是一种轻量级的数据交换格式,特别适合存储地理空间对象,如点、线和多边形。 "mapbox javascript" 指出了这个Demo所用的技术栈,Mapbox是一个强大的地图渲染库,它提供了丰富的自定义选项和高性能的地理可视化能力,而JavaScript是实现这些功能的主要编程语言。通过JavaScript,我们可以操控Mapbox API,动态地在地图上添加、删除和更新各种元素。 在这个压缩包中,有三个主要的文件: 1. **index.css** - 这是样式表文件,用于定义页面布局和元素的外观。在解决残影问题的过程中,可能包含了优化地图平滑移动和过渡效果的CSS规则,以及调整geojson对象显示样式的样式定义。 2. **index.html** - 这是HTML文件,构成网页的基础结构。它可能包含了引入Mapbox GL JS库、Echarts库(如果仍有部分使用)以及其他必需资源的链接,以及用于展示地图和OD图的容器。 3. **index.js** - JavaScript文件,这是项目的核心部分,其中包含了处理地图初始化、加载geojson数据、解析数据并根据数据在地图上绘制点、线和marker的逻辑。开发者可能在这里实现了自定义的动画效果和交互功能,以确保在移动和缩放地图时,OD图的绘制无残留且流畅。 为了实现这个功能,开发者可能采用了以下步骤: - 使用Mapbox GL JS API创建地图实例,并设置适当的视图、风格和交互事件。 - 加载geojson数据,这可能涉及AJAX请求或者直接在JavaScript中内联引用数据。 - 解析geojson数据,提取出表示OD图的点和线。 - 在地图上添加源(sources)和层(layers),分别对应OD图的点、线和marker。 - 使用JavaScript控制图层的显示和隐藏,以及在地图移动和缩放时的重绘逻辑,以消除残影。 - 可能还涉及到对地图的交互事件进行监听,如点击、拖动和缩放,以便根据用户行为动态更新OD图。 这个Demo提供了一个实用的例子,展示了如何利用Mapbox和JavaScript技术来克服特定的可视化挑战,为地理数据分析和展示提供了更多灵活性和性能优化的可能性。通过深入研究和学习这个压缩包中的代码,开发者可以更好地理解如何在实际项目中应用这些技术。
2025-12-29 14:25:27 4KB mapbox javascript
1
百度、高德、腾讯、天地图、谷歌、必应等自定义地图/图片叠加层/瓦片图/金字塔图地图切图高清切片生成工具 MapCutter(旧名MapTiler) ,定位便捷,支持超大地图,支持leaflet、maptalks、openlayers、cesium、及自定义模版输出。 最新版本修正了百度地图的偏差、可调整地图图层的不透明度,、完善webgl输出、支持openlayers、cesium网页输出、支持多点调整区域、支持25级切图、支持根据图片坐标自动定位、支持切片图片质量及图片类型、支持MapBox,支持游戏地图开发,可设置图层的宽度高度,便于与游戏像素相匹配。提供小型集成网页开发环境(谷歌内核),可直接对生成的网页进行调试、修改、保存。提供图片预处理功能,可对图像进行旋转、缩放、去除黑白背景、增清等功能。新版本支持地图切块拼合工具,修正了腾讯地图地址查询的问题。 更多功能请看 https://blog.csdn.net/surfsky/article/details/106951716
2025-12-05 10:06:49 151.61MB 腾讯地图
1
mapbox高阶,绘制台风路径、台风预测路径、台风风圈,台风图标图片。
2025-09-17 15:08:26 3KB mapbox
1
mapbox-gl 常用四个字体库,绝对可用,包含Microsoft YaHei、Microsoft YaHei Bold、Microsoft YaHei Regular、NotoCJK NotoCJK字体文字和数字可以对齐
2025-06-24 16:13:58 93.49MB mapbox-gl
1
修复mapbox-unity-sdk_v2.1.1z在高版本中导入异常的问题。
2024-07-17 17:17:15 45.13MB unity
1
官网下载特别慢,下载下来放在百度网盘上 方便下载 适用于Unity平台的地图软件开发包(Maps SDK for Unity),是一个基于现实地图数据创建Unity应用的工具集。它让开发者可以与Mapbox提供的web服务接口(包括地图、地理位置、方向等应用程序接口)进行交互,并使用应用程序接口(基于C#语言)和图形化用户接口进行游戏的创建。
2024-07-17 17:13:44 75B Unity3D
1
threebox 使用自定义图层功能的Mapbox GL JS的three.js插件。 提供方便的方法来管理线性坐标中的对象,以及同步地图和场景摄像机。 兼容性/依赖性 Mapbox v.0.50.0及更高版本(用于自定义图层支持) Three.r94(已捆绑到Threebox版本中)。 如果需要,可以交换其他版本并重建,但不能保证兼容性。 入门 从下载捆绑 ,并将其添加到页面上的[removed]标记中。 有几个介绍性的例子。 要运行它们,请使用Mapbox访问令牌以及格式创建一个config.js文件。 。 贡献 使用npm run build或npm run dev来构建库,以在开发时连续重建。 这两个命令都将在/dist/threebox.js输出一个包。 测试-运行index.html并检查控制台以获取测试结果。
2024-06-25 18:00:15 816KB JavaScript
1
百度、高德、腾讯、天地图、谷歌、必应等自定义地图/图片叠加层/瓦片图/金字塔图地图切图高清切片生成工具 MapCutter(旧名MapTiler) ,定位便捷,支持超大地图,支持leaflet、maptalks、openlayers、cesium、及自定义模版输出。 最新版本修正了百度地图的偏差、可调整地图图层的不透明度,、完善webgl输出、支持openlayers、cesium网页输出、支持多点调整区域、支持25级切图、支持根据图片坐标自动定位、支持切片图片质量及图片类型、支持MapBox,支持游戏地图开发,可设置图层的宽度高度,便于与游戏像素相匹配。提供小型集成网页开发环境(谷歌内核),可直接对生成的网页进行调试、修改、保存。提供图片预处理功能,可对图像进行旋转、缩放、去除黑白背景、增清等功能。新版本支持地图切块拼合工具。 更多功能请看 https://blog.csdn.net/surfsky/article/details/106951716
2024-06-17 15:57:24 154.2MB 百度地图 腾讯地图
1
mapbox-gl.js v2.13.0 扩展支持4326、3857、4490坐标系切片地图服务加载,绘图控件功能包括点、线、面、矩形、圆、编辑、删除等,关闭了token请求。矢量切片涉及的流程比较复杂,原始矢量数据分层、样式设计、矢量切片缓存、前端可视化,以及功能应用实现等。
2024-05-28 16:22:56 601KB javascript
1