百度地图开发:地图调起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

相关文章
|
4月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
239 3
|
2月前
|
机器学习/深度学习 人工智能 监控
API超越应用的时代,深入了解F5 API安全解决方案
API超越应用的时代,深入了解F5 API安全解决方案
39 3
|
3月前
|
新能源 API
百科-百度免费API接口教程
该接口用于从百度百科获取指定名词的基础解释。支持POST或GET请求,需提供用户ID、用户KEY及查询内容。返回状态码和解释内容或错误提示。示例:https://cn.apihz.cn/api/zici/baikebaidu.php?id=88888888&key=88888888&words=汽车。建议使用个人ID与KEY以享受更高调用频次。
|
3月前
|
API
表情包-百度版免费API接口教程
该接口用于通过指定关键词从百度渠道获取表情包,支持POST或GET请求。需提供用户ID和KEY,可选参数包括关键词、页码及结果数量。返回数据包含状态码、信息提示、结果集等。示例中ID与KEY为公共测试用,建议使用个人ID与KEY以享受更高调用频率。
|
3月前
|
API
通用图片搜索-百度源免费API接口教程
该接口用于搜索百度图片,支持通过关键词、页码、结果数量等参数获取图片搜索结果。请求方式为POST或GET,需提供用户ID和KEY,可选参数包括关键词、页码、结果数量及返回源类型。返回结果包含状态码、信息提示、结果集、当前页码、最大页码和结果数量。示例中提供了GET和POST请求方法及返回数据示例。
|
5月前
|
人工智能 运维 安全
聚焦API安全未来,F5打造无缝集成的解决方案
聚焦API安全未来,F5打造无缝集成的解决方案
103 26
|
5月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
26天前
|
JSON 前端开发 搜索推荐
关于商品详情 API 接口 JSON 格式返回数据解析的示例
本文介绍商品详情API接口返回的JSON数据解析。最外层为`product`对象,包含商品基本信息(如id、name、price)、分类信息(category)、图片(images)、属性(attributes)、用户评价(reviews)、库存(stock)和卖家信息(seller)。每个字段详细描述了商品的不同方面,帮助开发者准确提取和展示数据。具体结构和字段含义需结合实际业务需求和API文档理解。
|
1天前
|
JSON 监控 API
唯品会商品详情接口(唯品会 API 系列)
唯品会商品详情接口助力电商发展,提供商品名称、价格、规格等详细信息,支持HTTP GET/POST请求,响应为JSON格式。开发者可通过API Key和商品ID获取数据,应用于电商数据分析、竞品调研、应用开发及价格监控,提升业务效率与竞争力。示例代码展示Python调用方法,方便快捷。
|
2天前
|
JSON API 数据格式
微店商品列表接口(微店 API 系列)
微店商品列表接口是微店API系列的一部分,帮助开发者获取店铺中的商品信息。首先需注册微店开发者账号并完成实名认证,选择合适的开发工具如PyCharm或VS Code,并确保熟悉HTTP协议和JSON格式。该接口支持GET/POST请求,主要参数包括店铺ID、页码、每页数量和商品状态等。响应数据为JSON格式,包含商品详细信息及状态码。Python示例代码展示了如何调用此接口。应用场景包括商品管理系统集成、数据分析、多平台数据同步及商品展示推广。

热门文章

最新文章