https://github.com/wynode/mapAlbum

一个可以无限存储照片的地图相册，记录你的足迹。
https://github.com/wynode/mapAlbum

Last synced: 2 months ago
JSON representation

一个可以无限存储照片的地图相册，记录你的足迹。

• Host: GitHub
• URL: https://github.com/wynode/mapAlbum
• Owner: wynode
• Created: 2017-10-21T05:26:21.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-23T12:07:09.000Z (almost 6 years ago)
• Last Synced: 2024-08-02T01:26:31.714Z (6 months ago)
• Language: HTML
• Size: 10.3 MB
• Stars: 31
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### 地图相册

#### 一、使用

PC端[点击这个网址](http://wynode.com/map/)(wynode.com/map)进入应用。在地图上任意一点点击右键添加一个相册，上传相册的封面，即可创建一个地图相册点。

![相册演示](https://github.com/wynode/mapAlbum/blob/master/images/mapAlbum.gif)

当鼠标移动到封面时，点击封面右上角的关闭（X）按钮将会删除这个相册。鼠标左键点击封面进入相册，点击上传照片就可以往相册里面继续添加照片（可直接拖拽照片到相册中）。一个相册里可无限量添加照片。

#### 二、说明

上传的照片并没有上传到服务器，而是存在了本地的客户端，所以不存在照片隐私的泄露，他们都在你的浏览器的“数据库”里。

照片的存储空间在理论上来说是没有上限的，所以尽情存储吧。但是有一点必须说明，当你的封面照片太大且太多时，会影响页面的打开速度，所以建议尽量用较小的封面图片。

#### 三、改变

相比于之前地图相册1.0的版本，核心的存储因为从localstorage过度到indexedDB，相册的容量得到了跃升。

相册的浏览做了改变，从只能存储并浏览三张变成了可以无线存储和浏览。在上图中没有展现出来，有兴趣的可以试试哦。

#### 四、技术整理

使用到的主要技术：

- 百度地图Javascript API

- ondrop事件

- FileReader

- indexedDB

#### 五、源码分享

关于源码我已经上传到我的[github](https://github.com/wynode)，欢迎Star或者给我提Issue