首页 > 代码库 > 【高德LBS开源组件大赛】公众号地图工具
【高德LBS开源组件大赛】公众号地图工具
应用的名称
公众号地图工具
应用说明及使用场景
现在越来越多的商户都有自己的实体店,比如连锁超市(家乐福,沃尔玛),连锁餐饮(KFC,麦当劳),连锁酒店(7天,汉庭,全季,如家),菜鸟物流(原天猫服务站),银行等。而开发一张连锁店地图,对于毫不懂技术的人们来说,是十分困难的事情。本工具就提供了一个,即使不懂代码,也能制作出一张有趣可爱又实用的连锁店地图。并且,可以自动定位并检索周边的POI点。本工具非常适用于,微博、微信、支付宝服务窗等手机上的地图显示。
应用所使用的技术及软件
HTML CSS JS PHP
Notepad++ Photoshop
Git代码托管地址
https://git.oschina.net/catalina/mapTool
应用截图以及应用url
http://zhaoziang.com/amap/maptool/index.php
使用说明
一、如何获得您的key?
登录密钥管理页面http://api.amap.com/key/,点击申请key按钮。
填入信息后,即可获得key。
复制您的key,到公众号地图工具里即可。
二、如何获得您的tableID?
登录云图管理台http://yuntu.amap.com/datamanager/,点击进入您的地图。
点击您的地图,复制下拉框中的tableid即可。
如何自动导入数据到云图?
编写CSV文件,保存为UTF-8编码。每次导入数量不超过10,000条。CSV文件请参考以下模板。
name,address,tel,pic
北京三里屯店,北京朝阳区三里屯SOHO三号楼
3115,13146542304,http://www.amfaqua.com/uploads/allimg/130916/1-1309161J929643.jpg
三、如何将地图链接放入公众服务中?
1、支付宝公众服务
登录支付宝服务窗https://fuwu.alipay.com/platform/queryMenu.htm
自定义菜单 -> 主菜单 -> 有子级菜单
填写子菜单名称,设置为跳转网页,并且放入网址。
最后点击发布。
2、微信公众平台
登录微信公众平台https://mp.weixin.qq.com。
功能->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动作
设置为跳转网页,并且放入网址。
最后点击保存。
3、微博官方账号
登录微博http://weibo.com/。
管理中心->粉丝服务->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动作
设置为跳转网页,并且放入网址。
最后点保存。
四、部分成功案例
制作并发布您的公众号地图。将您的应用名称、应用简介、应用链接、应用图片120*120px,在本贴留言。我会在5个工作日内审核,并发布到工具页面。下图为AMF海水农场微信公众平台的地图服务。提供地图与列表两种展示方式;手机端可调起拨打电话服务;一键导航功能;搜索附近功能等。