百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案

简介: 百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案

地图调起API

百度地图URI API是为开发者提供直接调起百度地图产品(百度地图手机客户端)以满足特定业务场景下应用需求的程序接口,开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起百度地图产品,进行地图展示和检索、线路查询、导航等功能,无需进行复杂的地图功能开发。 该套API免费对外开放,无需申请ak。


调用示例(反向地址解析)

http://api.map.baidu.com/geocoder?location=30.272389317028,121.14251577678&coord_type=bd09ll&output=html&src=lockdatav


参数说明

  1. location lat<纬度>,lng<经度> 必选
  2. output 表示输出类型,web上必须指定为html才能展现地图产品结果。 必选
  3. coord_type坐标类型,可选参数。示例:coord_type= bd09ll
  4. zoom 展现地图的级别,默认为视觉最优级别。
  5. src 调用来源,规则:webapp.companyName.appName。 必选 此参数不传值,不保证服务。


调用示例(地址解析)

http://api.map.baidu.com/geocoder?address=浙江省宁波市鄞州区泰康中路558号&coord_type=bd09ll&output=html&src=lockdatav


参数说明

  1. address 地址名称 必选
  2. output 表示输出类型,web上必须指定为html才能展现地图产品结果。 必选
  3. coord_type坐标类型,可选参数。示例:coord_type= bd09ll
  4. zoom 展现地图的级别,默认为视觉最优级别。
  5. src 调用来源,规则:webapp.companyName.appName。 必选 此参数不传值,不保证服务。


实战案例JS混排代码(地址解析)

var faultHtml = "", imgUrl = [];
                for (var i = 0; i < res.data.length; i++) {
                    imgUrl[i] = res.data[i].poi_url;
                    if (imgUrl[i] == "") {
                        imgUrl[i] = "upload/nopic.jpg";
                    }
                    faultHtml += '<div class="boxAll"><div class="floor1"><div class="sensor_l">' + res.data[i].poi_sn + '<p></p></div><div class="sensor_r">' + res.data[i].poi_name + '</div></div>'
+ ' <div class="floor2"> <div class="norm1"><img src="' + imgUrl[i] + '" alt="" class="barImg"></div> <div class="norm2"> <p><span>所在区域:</span><span>' + res.data[i].poi_address + '</span></p> <p><span>摄像机类型:</span><span>' + res.data[i].poi_type + '</span></p> <p><span>IP地址:</span><span>' + res.data[i].poi_ip + '</span></p> <p><span>电源IP:</span><span>' + res.data[i].poi_pwr_ip + '</span></p> <p><span>安装方式:</span><span>' + res.data[i].poi_install + '</span></p> <p><span>故障描述:</span><span>' + res.data[i].poi_describe + '</span></p> <p><span>报修时间:</span><span>' + res.data[i].poi_brdown + '</span></p></div> </div>'
                        + '<div class="floor3"><span class="layui-icon layui-icon-find-fill hand" οnclick="window.location.href=\'http://api.map.baidu.com/geocoder?address=' + res.data[i].poi_name + '&output=html&src=webapp.baidu.openAPIdemo\'"> 导航到这里</span><span class="layui-icon layui-icon-util hand" οnclick="window.location.href=\'app.php?m=Map&a=maintain&act=show&fromOriginal=lists&main_id=' + res.data[i].main_id + '\'">填写维修记录</span></div>'+ '</div>';
}


lockdatav Done

相关文章
|
8天前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
84 44
|
4天前
|
JSON 安全 API
如何使用Python开发API接口?
在现代软件开发中,API(应用程序编程接口)用于不同软件组件之间的通信和数据交换,实现系统互操作性。Python因其简单易用和强大功能,成为开发API的热门选择。本文详细介绍了Python开发API的基础知识、优势、实现方式(如Flask和Django框架)、实战示例及注意事项,帮助读者掌握高效、安全的API开发技巧。
23 3
如何使用Python开发API接口?
|
3天前
|
缓存 监控 Java
如何运用JAVA开发API接口?
本文详细介绍了如何使用Java开发API接口,涵盖创建、实现、测试和部署接口的关键步骤。同时,讨论了接口的安全性设计和设计原则,帮助开发者构建高效、安全、易于维护的API接口。
17 4
|
3天前
|
XML JSON API
【PHP开发专栏】PHP RESTful API设计与开发
随着互联网技术的发展,前后端分离成为Web开发的主流模式。本文介绍RESTful API的基本概念、设计原则及在PHP中的实现方法。RESTful API是一种轻量级、无状态的接口设计风格,通过HTTP方法(GET、POST、PUT、DELETE)操作资源,使用JSON或XML格式传输数据。在PHP中,通过定义路由、创建控制器、处理HTTP请求和响应等步骤实现RESTful API,并强调了安全性的重要性。
10 2
|
4天前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
13 1
|
7天前
|
XML 安全 PHP
PHP与SOAP Web服务开发:基础与进阶教程
本文介绍了PHP与SOAP Web服务的基础和进阶知识,涵盖SOAP的基本概念、PHP中的SoapServer和SoapClient类的使用方法,以及服务端和客户端的开发示例。此外,还探讨了安全性、性能优化等高级主题,帮助开发者掌握更高效的Web服务开发技巧。
|
9天前
|
前端开发 关系型数据库 API
深入浅出后端开发——从零到一构建RESTful API
本文旨在为初学者提供一个关于后端开发的全面指南,特别是如何从零开始构建一个RESTful API。我们将探讨后端开发的基本概念、所需技术栈、以及通过实际案例展示如何设计和实现一个简单的RESTful API。无论你是完全的新手还是有一定编程基础的开发者,这篇文章都将为你提供实用的知识和技巧,帮助你在后端开发的道路上迈出坚实的一步。
|
9天前
|
安全 数据库 开发者
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第26天】本文详细介绍了如何在Django框架下进行全栈开发,包括环境安装与配置、创建项目和应用、定义模型类、运行数据库迁移、创建视图和URL映射、编写模板以及启动开发服务器等步骤,并通过示例代码展示了具体实现过程。
26 2
|
10天前
|
缓存 负载均衡 测试技术
‌API开发的基础概念和作用‌
API(Application Programming Interface)是一组定义了软件组件之间交互规则的接口。它提供了一种标准化的方式,让不同的软件组件之间可以进行通信和交互。
WK
|
9天前
|
安全 Java 编译器
C++和Java哪个更适合开发web网站
在Web开发领域,C++和Java各具优势。C++以其高性能、低级控制和跨平台性著称,适用于需要高吞吐量和低延迟的场景,如实时交易系统和在线游戏服务器。Java则凭借其跨平台性、丰富的生态系统和强大的安全性,广泛应用于企业级Web开发,如企业管理系统和电子商务平台。选择时需根据项目需求和技术储备综合考虑。
WK
10 0
下一篇
无影云桌面