Hexo-tag-map

给你的 Hexo 文章插入交互式地图吧！支持GoogleMap、高德地图、百度地图、Geoq地图、openstreetMap常规地图+卫星地图+卫星标注地图！一个强大的地图插件。
Insert an interactive map into your Hexo article! Support GoogleMap, Gaode map, Baidu map, Geoq map, openstreetMap regular map + satellite map + satellite annotated map! A powerful map plugin.

• author: guole
• https://blog.guole.fun/
• license: Apache-2.0
• https://github.com/kuole-o/hexo-tag-map/blob/main/LICENSE
• Tutorials：https://blog.guole.fun/posts/41887/

特性

• 包含
  • [混合地图]你将获得一个混合切换GoogleMap、高德地图、Geoq地图，常规地图+卫星地图+卫星标注地图共7个图层的地图
  • [GoogleMap]你还将获得一个单独的谷歌地图+谷歌卫星地图
  • [高德地图]你还将获得一个单独的高德地图+高德卫星地图+高德卫星标注地图
  • [百度地图]你还将获得一个单独的百度地图+百度卫星地图+百度卫星标注地图
  • [Geoq地图]你还将获得一个单独的Geoq地图+5种显示风格
  • [openstreetMap]你还将获得一个单独的openstreetMap常规地图
  • 支持标记点提示文本
  • 支持各个地图缩放等级配置+经纬度配置+地图容器宽高配置+默认展示地图类型配置
  • 用法超级简单
  • Butterfly已验证，其他Hexo主题，欢迎体验

更新日志 v1.2.1

* 优化地图容器样式，增加间距 `margin: 0.8rem 0 1.6rem 0;`
* 更换依赖包为 `unpkg.com`

Demo页面

详细用法，请点击这里查看

点击展开截图

• 混合地图

• 谷歌地图

• 高德地图

• 百度地图

• Geoq地图

• openstreetMap

安装

npm install hexo-tag-map --save

用法

点击展开详情

插入一个混合地图的示例： {% map %}

插入一个高德地图的示例： {% gaodeMap %}

插入一个openstreetMap的示例： {% openstreetMap %}

插入一个百度地图的示例： {% baiduMap %}

插入一个geoqMap的示例： {% geoqMap %}

插入一个googleMap的示例： {% googleMap %}

详细用法，请点击这里查看

许可

Apache License 2.0