百度地图api

最新推荐文章于 2023-02-16 23:49:48 发布

两棵黄鹂鸣翠柳

最新推荐文章于 2023-02-16 23:49:48 发布

阅读量220

点赞数

分类专栏：百度地图

本文链接：https://blog.csdn.net/h13783313210/article/details/78997472

版权

百度地图专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#map{
			width: 800px;
			height: 600px;
			margin: 100px auto 0;
			border:1px solid #333;
		}
		h2{
			font-size: 12px;
			color:#333;
			font-family: "微软雅黑";
		}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6Px8GXntCjecLouTf6qkT6yhOyENeWYU"></script>
</head>
<body>
	<div id="map"></div>
	<script>
		var map = new BMap.Map("map");//生成地图实例对象
		var point = new BMap.Point(116.404, 39.915); //设置坐标点，可用坐标拾取系统来获取坐标
		map.centerAndZoom(point, 16);//设置中心点坐标以及地图级别
		map.enableScrollWheelZoom(true);//设置滚轮缩放

		function fun(x){
			console.log(x)
			var arr=x.results;
			for(var i=0;i<arr.length;i++){
				var point = new BMap.Point(arr[i].location.lng,arr[i].location.lat);    
				map.centerAndZoom(point, 15);    
				var marker = new BMap.Marker(point);        // 创建标注    
				map.addOverlay(marker); 
			}
		}
	</script>
	<script src="http://api.map.baidu.com/place/v2/search?query=银行&location=39.915,116.404&radius=2000&output=json&ak=6Px8GXntCjecLouTf6qkT6yhOyENeWYU&callback=fun"></script>
</body>
</html>

注：请求数据用jsonp ,callback

location传经纬是反的

两棵黄鹂鸣翠柳

关注

0
点赞
踩
0

收藏

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

Document #map{ width: 800px; height: 600px; margin: 100px auto 0; border:1px solid #333; } h2{ font-size: 12px; color:#333; font-family: "微软雅黑"; } var map =
复制链接

扫一扫