百度地图学习总结

最新推荐文章于 2022-10-31 21:11:17 发布

missukiss02

最新推荐文章于 2022-10-31 21:11:17 发布

阅读量387

点赞数

分类专栏： Javascript & Html

本文链接：https://blog.csdn.net/missukiss02/article/details/8675533

版权

Javascript & Html 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

看了一下，挺简单的。直接贴个代码先

<html>
	<head>
		<!--引用百度地图-->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">
		</script>
		<title>
			如何调用API
		</title>
				<!--
		设计样式 
			container容器：占50%大小
		-->
		<style type="text/css">
		#container{
			width:50%;
			height:50%;	
		}
		</style>
	</head>
	<body>
		<div id="container"></div>
		<script type="text/javascript">
			var map = new BMap.Map("container");//在container容器中创建一个地图,参数container为div的id属性;
			var point = new BMap.Point(113.8206, 22.6211);//定位
			map.centerAndZoom(point,15);				//将point移到浏览器中心，并且地图大小调整为15;
			map.addControl(new BMap.NavigationControl());  

            map.addControl(new BMap.MapTypeControl());  

            map.addControl(new BMap.ScaleControl());  
             map.addControl(new BMap.OverviewMapControl());  


			<!--以后只需要在此处添加代码即可-->
		</script>
	</body>
</html>

missukiss02

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图学习总结

看了一下，挺简单的。直接贴个代码先如何调用API  #container{ width:50%; height:50%; } var map = new BMap
复制链接

扫一扫