【原创】网站中联系地址调用百度地图实时导航

一直想抽时间把网站做一下改版，今年由于疫情的原因那也没有去，闲下来针对自己写的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



演示地址：[]

手机（移动端）浏览器打开网站效果截屏：