一直想抽時間把網站做一下改版，今年由于疫情的原因那也沒有去，閑下來針對自己寫的CMS內容管理系統做了一些局部性的調整和細節上的優化。

在網站建設中，聯系方式、聯系我們、聯絡我們這一塊是一個不可或缺的頁面。內容除了要呈現給客戶基本的聯系地址、聯系電話、電子郵箱以外，更為得要的是如何直達客戶端。

以聯系地址為例，通常網站中的潛在訪客獲悉此地址以后，還需要通過百度地圖、騰訊地圖、或者高德地圖或其他導航地圖軟件進行搜索，查找地址，從而確定當前位置到達目的地的路線....這一系列的操作，無疑是一次非常糟糕的用戶體驗。

互聯網應用應該是高效的，在用戶體驗上應該更加人性化。

基于這個需求，我們通過百度地圖的開放接口，從而實現了這一功能。

moudle/map.html?action=setmark&sitename=&address=&tel=&email=&lonlat=&btn=on"



接口：moudle/map.html



動作：setmark   標注地圖



參數：



公司名稱：sitename     （escape加密）

公司地址：address      （escape加密）

聯系電話：tel          （0728-4862987 / 18972931619）

電子郵箱：email        （wudoujun@163.com）

經緯座標：lonlat       （112.28243326586791,40.748764872868428） 為空時，根據公司地址進行逆地址解析獲得座標





拼接后的字符串



?action=setmark&sitename=%u7396%u634C%u7F51%u7EDC%u5DE5%u4F5C%u5BA4

&address=%u5929%u95E8%u5E02%u9EC4%u6F6D%u9547%u6C49%u5317%u4E00%u6865%u897F%u5927%u5929%u8DEF3%u53F7

&tel=18972931619

&email=tmjjlj@163.com

&lonlat=112.28243326586791,40.748764872868428



演示地址：[]

手機（移動端）瀏覽器打開網站效果截屏：