文件名称:gatsby-mapbox-blog:Gatsbyjs博客+ Mapbox GL JS + React钩子
文件大小:3.81MB
文件格式:ZIP
更新时间:2024-06-19 15:52:00
reactjs mapbox-gl-js gatsbyjs JavaScript
Gatsby + Mapbox GL JS 博客 演示网站: 这是一个使用 Gatsbyjs + Mapbox GL JS + React hooks 的最小结构。 删除了大部分代码/组件/样式以专注于主要任务。 (无 SEO、标题、图像处理等) 使用Markdown frontmatter在地图上添加标记。 只有手动坐标设置的基本实现,但您可以实现 Mapbox Geocoding API 来自动化该过程。 Layout组件使用wrapPageElement浏览器 API,因此地图不会在每次页面加载时重新加载。 只有标记会更新。 使用 Turf.js 获取标记的边界框。 博客文章之间的无缝过渡动画,因为 Map 组件只加载一次。 阅读我的过程: 或在媒体上: