一直想抽時(shí)間把網站做一下改版,今年由于疫情的原因那也沒(méi)有去司體,閑下來針對(duì)自己寫的CMS内容管理系頻光統做了一些局部性的調整和細節上的優化。
在網站建設中,聯系方式、聯系我們、請計聯絡我們這(zhè)一塊是一個不可或缺的頁面(miàn)。内容除了去聽要呈現給客戶基本的聯系地址、聯系電話、電子郵箱以外,更為水房得要的是如何直達客戶端。
以聯系地址為例,通常網站中的潛在訪客獲悉此地址以後(可風hòu),還(hái)需要通過(guò)百度地圖、騰訊地圖、或哥她者高德地圖或其他導航地圖軟件進(jìn)行搜索,查找地址,從到畫而确定當前位置到達目的地的路線.木嗎...這(zhè)一系列的操作,無疑是一次非常糟糕的用戶體他件驗。
互聯網應用應該是高效的,在用戶體驗上應該更加人性化。
基于這(zhè)個需求,我們通過(guò)百度地低分圖的開(kāi)放接口,從而實現了這(zhè)一功能(紅廠néng)。
moudle/map.html?action=setmar空國k&sitename=&address=&t計高el=&email=&lonlat=&btn亮事=on" 接口:moudle/map.ht湖民ml 動作:setmark 标注地圖 習些 參數: 公司名稱機拍:sitename (escape加密) 公司地址:a化跳ddress (escape加密) 聯系電話東什:tel (0業會728-4862987 / 18972女子931619) 電子郵箱:e紅街mail (wudoujun@163.com) 經(jīng友謝)緯座标:lonlat (112.28243讀鄉326586791,40.748764872868428) 為空時(shí聽城),根據公司地址進(jìn)行逆地址解議樂析獲得座标 拼接後(火時hòu)的字符串 ?acti東影on=setmark&s暗我itename=%u7396%u634C%u7F51%u做好7EDC%u5DE5%u4F5C%u5BA4 會綠 &address=%u5樂友929%u95E8%u5E02%u9EC4%u生暗6F6D%u9547%u6C49%u5317%u4E00%u6865%u開用897F%u5927%u592內都9%u8DEF3%u53F7 &飛請;tel=18972931619 &少很;email=tmjjlj@163.com &lonla答拍t=112.28243326586791,40做老.748764872868428 演示地址:[]
手機(移動端)浏覽器打開(kā黑人i)網站效果截屏:
圖一、浏覽器打開(kāi)地址導航器厭 | 圖二、選擇線路規劃(駕車、公交、步行件飛 ) |
圖三、浏覽器調用百度地圖APP | 圖四、百度地圖APP開(kāi)始導航 |
網站無須三方授權 · 安全穩定、維護方便