背景

在地图标记出行的地点，做旅游攻略，美食地图，在外面拍了很多照片，都可以明确的在地图上标记出来

简单的使用

安装插件

  1. 科学上网插件市场搜索下载
  2. 本地安装 
    1
    2
    3
    4
    5
    6
    url: https://github.com/esm7/obsidian-map-view
    title: "GitHub - esm7/obsidian-map-view: Interactive map view for Obsidian.md"
    description: "Interactive map view for Obsidian.md. Contribute to esm7/obsidian-map-view development by creating an account on GitHub."
    host: github.com
    favicon: https://github.githubassets.com/favicons/favicon.svg
    image: https://opengraph.githubassets.com/23d384b6c40977f425482326c28925c4ca5637ebf9b2885c9fffdf96742779a2/esm7/obsidian-map-view

做上标记

结合笔记属性，添加属性 location 标记上经纬度就可以在地图上展示出来

1
2
3
4
5
6
---
UID: 20250218081603 
tags: 
date: 2025-02-18
location: 28.467694,119.923249
---

打开左边工具栏的地图图标，就能看到标记的点
image.png|500

笔记快速标记

打开命令面板，选择 Map View: add inline geolocation link

1
[浙江](geo:)

image.png|300

这个快速标记，感觉没那么好用，采取了手动获取经纬度的方式。

获取经纬度

使用高德的地图获取

1
2
3
url: https://lbs.amap.com/tools/picker
title: "坐标拾取器 | 高德地图API"
host: lbs.amap.com

更换地图源

当前默认的地图源是CartoDB，使用起来不习惯。要换成高德的地图源

进入插件的设置，找到 Map sources
image.png|500

新增地图源 https://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}

更换大头针图标

进入插件的设置，找到 Marke Icon Rules
image.png|500

  • 设置图标的标签，在笔记的属性中要设置
  • 设置图标的形状， Font awesome图标库中查找合适的
  • 设置图标的颜色

Font awesome 图标

1
2
3
4
url: https://fontawesome.com.cn/v5
title: "图标库v5 - FontAwesome 字体图标中文Icon"
description: "Fontawesome中文版webfont,是一款基于css框架的网页字体图标库，它完全免费"
host: fontawesome.com.cn