/mapAlbum

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

Primary LanguageHTML

地图相册

一、使用

PC端点击这个网址(wynode.com/map)进入应用。在地图上任意一点点击右键添加一个相册,上传相册的封面,即可创建一个地图相册点。 相册演示 当鼠标移动到封面时,点击封面右上角的关闭(X)按钮将会删除这个相册。鼠标左键点击封面进入相册,点击上传照片就可以往相册里面继续添加照片(可直接拖拽照片到相册中)。一个相册里可无限量添加照片。

二、说明

上传的照片并没有上传到服务器,而是存在了本地的客户端,所以不存在照片隐私的泄露,他们都在你的浏览器的“数据库”里。 照片的存储空间在理论上来说是没有上限的,所以尽情存储吧。但是有一点必须说明,当你的封面照片太大且太多时,会影响页面的打开速度,所以建议尽量用较小的封面图片。

三、改变

相比于之前地图相册1.0的版本,核心的存储因为从localstorage过度到indexedDB,相册的容量得到了跃升。 相册的浏览做了改变,从只能存储并浏览三张变成了可以无线存储和浏览。在上图中没有展现出来,有兴趣的可以试试哦。

四、技术整理

使用到的主要技术:

  • 百度地图Javascript API
  • ondrop事件
  • FileReader
  • indexedDB

五、源码分享

关于源码我已经上传到我的github,欢迎Star或者给我提Issue