百度地图JS使用

最新推荐文章于 2024-04-14 15:06:01 发布

xiao白跳大神

最新推荐文章于 2024-04-14 15:06:01 发布

阅读量4.4k

点赞数

分类专栏：项目回顾文章标签：百度地图跨域请求

本文链接：https://blog.csdn.net/weixin_42183336/article/details/81583269

版权

项目回顾专栏收录该内容

23 篇文章 0 订阅

订阅专栏

一 API基本功能和类别

定位服务
基于GPS、WiFi、基站的综合定位服务。包括：Android定位SDK，iOS定位SDK，IP定位API。
地图服务
提供矢量地图、卫星图、全景图、实时路况图、静态图和个性化地图服务。包括：Android地图SDK，iOS地图SDK，iOS全景SDK，Android全景SDK，JavaScript API，静态图API，全景静态图API。
数据服务
开放POI检索、热词推荐、地理编码等服务；通过LBS云服务，实现结合个性化数据的地图功能开发。包括：LBS云服务，Place API，Place Sug API, Geocoding API，坐标转换API，Android POI检索，iOS POI检索
出行服务
步行、骑行、公交、驾车等多种类型的线路规划方案，各方案支持不同策略的检索；面向移动端，还提供导航SDK。包括：Android导航SDK，iOS导航SDK，Android导航HUD SDK，iOS导航HUD SDK，Direction API，Route Matrix API，Android线路规划，iOS线路规划。
轨迹服务
实时轨迹追踪、海量轨迹数据存储、历史轨迹查询、轨迹纠偏、地理围栏报警；可应用于人、车、其他移动物体轨迹管理。包括：鹰眼轨迹服务，Android鹰眼轨迹SDK，iOS鹰眼轨迹SDK。
分析服务
基于地理大数据、位置大数据、交通大数据和海量行为数据的商业地图产品，大数据分析和可视化技术。包括：商业地理分析（慧眼）。

使用地址

使用步骤：

密钥申请

需要先注册百度账号，登陆API控制台；申请到密钥；方可使用百度API。
使用实例(城市查询)

首先在页面引入百度地图js

index.html 
<script type="text/javascript"  
src="http://api.map.baidu.com/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoa"> 
</script>

<body>
	<div id="allmap"></div>
	<div id="r-result">
		城市名: <input id="cityName" type="text" style="width:100px; margin-right:10px;" />
		<input type="button" value="查询" onclick="theLocation()" />
	</div>
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.331398,39.897445);
	map.centerAndZoom(point,11);

	function theLocation(){
		var city = document.getElementById("cityName").value;
		if(city != ""){
			map.centerAndZoom(city,11);      // 用城市名设置地图中心点
		}
	}
</script>

并不是所有 LBS 云服务都可以使用 js Ajax 访问，涉及跨域问题（Jsonp 方式解决)

解决实例

$.getJSON("http://api.map.baidu.com/geosearch/v3/nearby?ak=zbLsuDDL4CS2U0M4KezOZZbGU Y9iWtVf&geotable_id=153944&q=酒店 
&location=116.395884,39.932154&radius=5000&callback=?",function(data){ 
    console.log(data); 
});

xiao白跳大神

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图JS使用

一 API基本功能和类别定位服务基于GPS、WiFi、基站的综合定位服务。包括：Android定位SDK，iOS定位SDK，IP定位API。地图服务提供矢量地图、卫星图、全景图、实时路况图、静态图和个性化地图服务。包括：Android地图SDK，iOS地图SDK，iOS全景SDK，Android全景SDK，JavaScript API，静态图API，全景静态图API。数据服...
复制链接

扫一扫