首页 > 代码库 > 【高德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海水农场微信公众平台的地图服务。提供地图与列表两种展示方式;手机端可调起拨打电话服务;一键导航功能;搜索附近功能等。