【雲圖】如何製做附近實體店的地圖？

摘要：適用於【支付寶微信微博】。

附近連鎖店地圖與全國連鎖店地圖，最大的區別就是：

一、附近連鎖店地圖須要先定位，而後搜索附近的店鋪。

二、全國連鎖店地圖，是先選擇城市，而後檢索某城市內的所有門店信息。

本文就詳細講解了如何製做附近實體店的地圖，並調起高德地圖進行導航，調起打電話功能。

本文還詳細講解了如何設置支付寶服務、微信公衆號、微博官方帳號的地圖功能。

---

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