前言
现在在家里蹲不住了
有空就想出去玩
VLog 不会拍
只有写写游记咯
那写游记就加上定位很正常吧
安装
1
| npm install hexo-tag-map
|
特性
功能介绍
- 支持标记点提示文本
- 支持各个地图缩放等级配置
- 支持经纬度配置
- 支持地图容器宽高配置
- 支持默认展示地图类型配置
- 用法超级简单，
Butterfly已验证
支持地图
| 类型 |
功能 |
| 混合地图 |
混合切换GoogleMap、高德地图、Geoq地图，常规地图+卫星地图+卫星标注地图共7个图层的地图 |
| GoogleMap |
单独的谷歌地图+谷歌卫星地图 |
| 高德地图 |
单独的高德地图+高德卫星地图+高德卫星标注地图 |
| 百度地图 |
单独的百度地图+百度卫星地图 |
| Geoq地图 |
单独的Geoq地图+5种显示风格 |
| openstreetMap |
单独的openstreetMap常规地图 |
用法
Markdown 语法
1
| {% + 标签值 + 经度 + 纬度 + 文本 + 缩放等级 + 宽 + 高 + 默认图层 + %}
|
参考取值
| 地图名 |
标签值<必填> |
经度(-180~180) |
纬度(-90~90) |
文本 |
缩放等级(默认14) |
宽(默认100%) / 高(默认360px) |
默认图层(默认1) |
| 混合地图 |
map |
坐标经度 |
坐标纬度 |
文本 |
取值3~18 |
百分数或具体值(100%或360px) |
取值1~7 |
| 谷歌地图 |
googleMap |
坐标经度 |
坐标纬度 |
文本 |
取值1~20 |
百分数或具体值(100%或360px) |
取值1~3 |
| 高德地图 |
gaodeMap |
坐标经度 |
坐标纬度 |
文本 |
取值3~18 |
百分数或具体值(100%或360px) |
取值1~3 |
| 百度地图 |
baiduMap |
坐标经度 |
坐标纬度 |
文本 |
取值4~18 |
百分数或具体值(100%或360px) |
取值1~2 |
| Geoq地图 |
geoqMap |
坐标经度 |
坐标纬度 |
文本 |
取值1~18 |
百分数或具体值(100%或360px) |
取值1~5 |
| openstreet地图 |
openstreetMap |
坐标经度 |
坐标纬度 |
文本 |
取值1~18 |
百分数或具体值(100%或360px) |
不支持此参数 |
警告事项
- 参数之间，用英文逗号相隔
- 参数必须按上述事例顺序输入，不得为空
- 同一个页面，同一组经纬度值，只能插入一个相同标签值的地图(若有需要，可以将第二个地图上，经度或纬度末尾删除一两个数)
- 参数取值必须在上述范围内
- 默认图层：即地图叠加层的值，默认常规地图还是卫星地图，可按地图显示顺序取值
- 缩放等级，数字越大，地图比例尺越小，显示的越精细
- 除标签值外，其他参数选填，但 每个参数的左边的参数必填
- 谷歌地图需要外网才能加载查看
演示
1
| {% map 113.324553,23.106414,广州塔,18,100%,360px,1 %}
|
坐标经纬度获取
- 坐标经纬度只分两种情况，
百度地图 or 非百度地图。
非百度地图
GoogleMap、高德地图、Geoq地图、openstreetMap，均可共用一个坐标值
1
| https://lbs.amap.com/tools/picker
|
百度地图
1
| https://api.map.baidu.com/lbsapi/getpoint/index.html
|
参考 & 引用
https://blog.guole.fun/posts/41887/index.html
