前面小新已经介绍过了如何用Notion管理读书项目,现在则向大家分享如何用Notion做一个硬核旅行手册(清单)。当然和旅行达人的攻略比起来实在是粗糙了一点(我还是挺直男的🤣),请大家就关注有用的部分吧~
话不多说,我们开始吧。
先上一段最终效果的演示视频:
完成一份内嵌地图、表格的页面,我们需要注意两个部分:Google My Maps地图制作
和Notion 表格制作
。
先说地图制作。
Google My Maps 地图制作
🚩 众所周知,google是一个国内需要唯屁恩才能登陆的网站,因此,在进行下一步之前先确保你能打开google。
假设我们能打开google,接着我们打开google maps
。点击图示左栏位置。
![Annotation 2020-01-05 215913 Annotation 2020-01-05 215913](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20215913.jpg!xwbp.webp#vwid=3852&vhei=2160)
将会出现一个菜单,点击您的地点
。
![Annotation 2020-01-05 220028 Annotation 2020-01-05 220028](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20220028.jpg!xwbp.webp#vwid=1647&vhei=1345)
之后选择地图
一栏。
![Annotation 2020-01-05 220057 Annotation 2020-01-05 220057](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20220057.jpg!xwbp.webp#vwid=1810&vhei=1415)
在底部点击创建地图
。
![Annotation 2020-01-05 220151 Annotation 2020-01-05 220151](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20220151.jpg!xwbp.webp#vwid=2455&vhei=2160)
打开的页面大概是这样的:
![Annotation 2020-01-05 221646 Annotation 2020-01-05 221646](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20221646.jpg!xwbp.webp#vwid=3840&vhei=2160)
在左栏管理地图图层,比如每一图层上的线路、位点,对于新建的位点,如要修改图标样式和颜色,可以在如下位置操作。
![Annotation 2020-01-05 231610 Annotation 2020-01-05 231610](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20231610.jpg!xwbp.webp#vwid=1375&vhei=975)
在顶部可以输入地点自行添加,针对某一个地点也可以添加图片、视频、以及文字信息
,还可以绘制任意两点间的路线
。
![Annotation 2020-01-05 222914 Annotation 2020-01-05 222914](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20222914.jpg!xwbp.webp#vwid=2450&vhei=1577)
在图层一栏底部有一个基本地图选项,通过修改基本地图可改变整体的颜色搭配。
![Annotation 2020-01-05 223801 Annotation 2020-01-05 223801](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20223801.jpg!xwbp.webp#vwid=1927&vhei=1425)
![Untitled-1 Untitled-1](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Untitled-1.jpg!xwbp.webp#vwid=4000&vhei=5919)
绘制完全部内容后,接下来需要设置分享信息。在左栏顶部有一个分享按钮(share)
,点击,将会出现如下内容,调整好权限后点击完成。
![Annotation 2020-01-05 224437 Annotation 2020-01-05 224437](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20224437.jpg!xwbp.webp#vwid=3160&vhei=1765)
最后点击左栏右上角,选择嵌入我的网站中
,当然也可以打印地图为图片,如下图。
![Annotation 2020-01-05 225135 Annotation 2020-01-05 225135](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20225135.jpg!xwbp.webp#vwid=2420&vhei=1264)
![mapimage mapimage](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/mapimage.jpg!xwbp.webp#vwid=3296&vhei=2212)
出现图示如下,复制文本框中网址部分。
![Annotation 2020-01-05 225039 Annotation 2020-01-05 225039](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20225039.jpg!xwbp.webp#vwid=1910&vhei=1140)
ok,Google My Maps的部分结束了,接下来将地图嵌入Notion页面中吧!
Notion页面制作
如果读者还不了解如何使用Notion,请先看之前的文章。
新建一个页面,编辑基本的信息。
随后将刚才复制的网址粘贴到空白处,将会出现Embed Google Map
(嵌入谷歌地图)选项,点击它。
![Annotation 2020-01-05 225335 Annotation 2020-01-05 225335](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20225335.jpg!xwbp.webp#vwid=3357&vhei=1582)
当当当,当!
![image-20200105234342514 image-20200105234342514](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/image-20200105234342514.jpg!xwbp.webp#vwid=3780&vhei=1936)
神奇吧,他自动嵌入地图了!最重要的是,它是可以拖放的。
接下来制作表格,点击空白处,新建Database
数据库,选择Table
(表格)形式,相关属性设置如图(其实和Excel表格挺像的)。
![Annotation 2020-01-05 225459 Annotation 2020-01-05 225459](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20225459.jpg!xwbp.webp#vwid=3725&vhei=1940)
最后选择地点,点击Open,记录你的旅行吧~
![Annotation 2020-01-05 225605 Annotation 2020-01-05 225605](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/Annotation%202020-01-05%20225605.jpg!xwbp.webp#vwid=3795&vhei=1955)
![image-20200105235152481 image-20200105235152481](https://ohiyoxpicalin.oss-cn-shanghai.aliyuncs.com/blogimg/2020/01/googlemapsandnotion/image-20200105235152481.jpg!xwbp.webp#vwid=3707&vhei=1951)