博客地图功能
使用 Hexo-tag-map 插件，给文章插入高德百度谷歌等 5 类 9 种地图
支持 GoogleMap、高德地图、百度地图、Geoq 地图、openstreetMap 常规地图 + 卫星地图 + 卫星标注地图！一个强大的地图插件。
详情可参考：Hexo-tag-map
注意：百度地图的经纬度坐标与其他地图的坐标偏差较大，所以使用百度地图需要单独获取坐标值，其他地图坐标可以参考【高德地图经纬度提取器】
【高德地图经纬度提取器】【百度地图经纬度提取器】
[混合地图] 一个混合切换 GoogleMap、高德地图、Geoq 地图，常规地图 + 卫星地图 + 卫星标注地图共 7 个图层的地图
[GoogleMap] 一个单独的谷歌地图 + 谷歌卫星地图
[高德地图] 一个单独的高德地图 + 高德卫星地图 + 高德卫星标注地图
[百度地图] 一个单独的百度地图 + 百度卫星地图
[Geoq 地图] 一个单独的 Geoq 地图 + 5 种显示风格
[openstreetMap] 一个单独的 openstreetMap 常规地图
支持标记点提示文本
支持各个地图缩放等级配置
支持经纬度配置
支持地图容器宽高配置
支持默认展示地图类型配置
用法超级简单，Butterfly 已验证
前往博客根目录，打开cmd命令窗口执行
1 | npm install hexo-tag-map --save |
前往博客根目录，打开cmd命令窗口依次执行如下命令
1 | hexo cl && hexo generate |
1 | {% 标签值, 经度, 纬度, 文本, 缩放等级, 宽, 高, 默认图层 %} |
| 类型名称 | 默认值 | 简述 |
|---|---|---|
| 标签值 | 必填 | 混合地图【map】、高德地图【gaodeMap】、百度地图【baiduMap】、谷歌地图【googleMap】、OSM地图【openstreetMap】、GeoQ智图【geoqMap】 |
| 经度 | 必填 | 经度坐标值 |
| 纬度 | 必填 | 纬度坐标值 |
| 文本 | 选填 | 自定义标记文本 |
| 缩放等级 | 选填 | 地图缩放大小，不同地图缩放等级不同 |
| 宽 | 选填 | 一般设置为【100%】 |
| 高 | 选填 | 自定义地图高度【默认360px】 |
| 默认图层 | 选填 | 默认为1 |
| 地图名 | 宽 (默认 100%) / 高 (默认 360px) | 默认图层 (默认 1) |
|---|---|---|
| 混合地图 | 百分数或具体值 (100% 或 360px) | 取值 1~7 |
| 谷歌地图 | 百分数或具体值 (100% 或 360px) | 取值 1~3 |
| 高德地图 | 百分数或具体值 (100% 或 360px) | 取值 1~3 |
| 百度地图 | 百分数或具体值 (100% 或 360px) | 取值 1~2 |
| Geoq 地图 | 百分数或具体值 (100% 或 360px) | 取值 1~5 |
| openstreet 地图 | 百分数或具体值 (100% 或 360px) | 不支持此参数 |
1 | {% gaodeMap 116.397455, 39.909187, 北京的城门楼子！, 15, 100%, 360px, 1 %} |