搜索历史

清除历史

新闻中心news

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

工作室动态 2020-7-18 10:01:00    wudoujun    阅读 158

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

演示地址:[]


手机(移动端)浏览器打开网站效果截屏:


图一、浏览器打开地址导航

图二、选择线路规划(驾车、公交、步行 )

图三、浏览器调用百度地图APP

图四、百度地图APP开始导航


TAG标签:联系地址百度地图实时导航
链接地址:http://98web.net//html/news/gzs/2020-07-18/54.html
郑重声明:以上内容来源自玖捌网络工作室,转载请注明出处!
相关资讯

政策法规zc更多

网站是否一定要求备案?

1、国内主机一律要求备案。2、海外主机根据属地要求。(......

联系电话:0728-4862987