【云图】如何制做附近实体店的地图？

摘要：适用于【支付宝微信微博】。

附近连锁店地图与全国连锁店地图，最大的区别就是：

一、附近连锁店地图须要先定位，而后搜索附近的店铺。

二、全国连锁店地图，是先选择城市，而后检索某城市内的所有门店信息。

本文就详细讲解了如何制做附近实体店的地图，并调起高德地图进行导航，调起打电话功能。

本文还详细讲解了如何设置支付宝服务、微信公众号、微博官方帐号的地图功能。

---

1、支付宝设置

登陆支付宝服务窗：https://fuwu.alipay.com/platform/queryMenu.htm

自定义菜单 -> 主菜单 -> 有子级菜单

填写子菜单名称，设置为跳转网页，而且放入网址。好比菜鸟物流：http://zhaoziang.com/amap/cainiao.html

最后点击发布。

2、微信设置

登陆微信公众平台：https://mp.weixin.qq.com

功能->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动做

设置为跳转网页，而且放入网址。好比菜鸟物流：http://zhaoziang.com/amap/cainiao.html

最后点保存。

3、微博设置

登陆微博：http://weibo.com/

管理中心->粉丝服务->高级功能->编辑模式->自定义菜单-> 菜单管理->添加->设置动做

设置为跳转网页，而且放入网址。好比菜鸟物流：http://zhaoziang.com/amap/cainiao.html

最后点保存。

4、云图设置

登陆云图管理台：http://yuntu.amap.com/datamanager/index.html

新建地图

导入CSV数据。（支持UTF8和GBK 编码，数据不超过10,000 条）

点击预览，便可看到本身的云图。

5、代码与获取网址

将如下代码复制下来，替换key、tableID、图标，而后生成本身的网址。

获取key的地址：http://api.amap.com/key

获取tableID的地址：

进入你的云图->获取tableID

所有源代码请在demo中获取。
demo网址（请用手机浏览器查看）：http://zhaoziang.com/amap/cainiao.html

效果图：

6、其余云图教程

【支付宝中的全国家乐福地图】http://www.cnblogs.com/milkmap/p/3786144.html

【微信中的全国AMF海水农场地图】http://www.cnblogs.com/milkmap/p/3780417.html

【官网中的全国AMF海水农场地图】http://www.cnblogs.com/milkmap/p/3778398.html

【应用中webview形式的全国KTV地图】http://www.cnblogs.com/milkmap/p/3765925.html

【三甲医院】http://www.cnblogs.com/milkmap/p/3637899.html

【东莞地图】http://www.cnblogs.com/milkmap/p/3657829.html

【贪官落马图】http://www.cnblogs.com/milkmap/p/3678377.html

7、从零开始学高德JS API系列教程

【地图展示】http://www.cnblogs.com/milkmap/p/3687855.html

【控件】http://www.cnblogs.com/milkmap/p/3707711.html

【覆盖物】http://www.cnblogs.com/milkmap/p/3727842.html

【搜索服务】http://www.cnblogs.com/milkmap/p/3745701.html

【路线规划】http://www.cnblogs.com/milkmap/p/3755257.html

【坐标转换】http://www.cnblogs.com/milkmap/p/3768379.html