Giter Site home page Giter Site logo

w5l6j9 / map-marker-miniprogram Goto Github PK

View Code? Open in Web Editor NEW

This project forked from volcano-yang/map-marker-miniprogram

0.0 0.0 0.0 1.89 MB

一个地图小程序模板,支持在地图展示标记,用户自主上传标记,生成标记成功分享海报,导航标记点,标记分类等功能。可以根据这些特性改造成新生校园导航、美食周边、AED地图、好房资源地图等小程序。

License: Apache License 2.0

JavaScript 100.00%

map-marker-miniprogram's Introduction

地图标记小程序模板

All Contributors

地图标记小程序(map-markers-miniprogram)是一个借助腾讯地图map api给用户展示周边资源和允许用户自主上传添加标记的小程序模板。可以用它改造成新生校园导航、美食周边、AED地图、好房资源地图等地图小程序。希望我的代码对你有所帮助~

一、现有功能:

  1. 基于地图和位置的查找周边标记:小程序首页为地图, 可以查看地图中的标记资源或问题
  2. 完整的搜索支持和列表功能:用户除了可以在地图中滑动或缩放寻找标记,还可以直接查看标记列表或搜索标记点
  3. 点击地图标记自动跳转详情页,查看更多信息,还可以导航前往标记点
  4. 支持用户自主上传标记:支持让用户选择新增标记经纬度,自动填写地址,填写描述,选择分类,添加图片之后,新增标记点
  5. 支持定义多种类型的标记,不同类型标记在地图中显示不同图标,并且支持统计不同类型标记的数量
  6. 丰富的分享功能:支持分享给微信好友,分享到朋友圈,生成标记成功激励海报分享等多种分享功能
  7. 展示用户的个人上传日志
  8. 支持小程序端管理标记点:支持自动识别管理员,管理可以直接在小程序上对标记进行删除隐藏
  9. 支持第一次进入小程序的用户查看功能引导页
  10. 添加到我的小程序提醒下:在首页加入了「添加到我的小程序」的提醒,提醒用户收藏小程序。

二、特性

  • 基于微信小程序地图实现
  • 使用小程序·云开发,无需编写后端代码
  • 全移动端交互,数据管理无需再开电脑
  • 独立配置项目,方便自行部署

三、功能截图

首页 上传页 上传成功页
生成海报 用户上传日志 分享到微信

四、Demo 小程序

如果你希望自己的小程序展示在这里,欢迎pr或在issue中提出

友好盲道小程序 深圳美食图鉴 千岛湖民宿地图
小程序码
jooyi的美食地图

开始使用

  1. 请查看 安装教程
  2. 请查看 配置文件说明
  3. 请查看 依赖服务说明
  4. 请使用vantui npm方式安装
  5. 生成海报使用:painter

注意事项:

  1. 基础库要>2.15.0才会在地图显示中心点标记
  2. marker对象中的label不能是一个字符串 应该是一个对象 不然会在高版本基础库上真机不显示marker

致谢

miniprogram-foodmap的基础上进行开发,感谢优秀的成哥。

FAQ

常见问题请参看 FAQ

贡献说明

欢迎您为项目提交 Pull Request;如果您在使用中有任何问题或有新的特性需求,请前往ISSUE提交新的 issue。

寻求帮助

您可以在 支持社区 内发帖寻求帮助

LICENSE

本项目基于 Apache License 2.0 开放源代码授权

Contributors ✨

Thanks goes to these wonderful people (emoji key):


杨灿就是杨火山

🚇 🎨 💻

白宦成

🤔 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

map-marker-miniprogram's People

Contributors

bestony avatar volcano-yang avatar allcontributors[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.