百度地图test

最新推荐文章于 2020-12-25 19:17:04 发布

「已注销」

最新推荐文章于 2020-12-25 19:17:04 发布

阅读量96

点赞数

分类专栏：前端开发文章标签：百度 JavaScript CSS HTML ViewUI

本文链接：https://blog.csdn.net/w8700569/article/details/83922645

版权

前端开发专栏收录该内容

37 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>拖动层</title>
<style type="text/css">
	html{height:100%}
	body{height:100%;margin:0px;padding:0px}
	#container{height:60%;width:60%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.2&services=false"></script>
</head>

<body>
<div id="container"></div>
<script type="text/javascript">
	var map = new BMap.Map("container"); // 创建地图实例
	var point = new BMap.Point(116.404, 39.915); // 创建点坐标, 其中 116.404 表示经度, 39.915 表示纬度
	map.centerAndZoom(point, 13); // 初始化地图，设置中心点坐标和地图级别

	map.addControl(new BMap.NavigationControl());
	map.addControl(new BMap.ScaleControl());
	map.addControl(new BMap.OverviewMapControl());
	
	map.enableScrollWheelZoom();
	map.enableKeyboard();
	map.enableInertialDragging();

</script>

</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

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

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;&lt;meta http-equiv="Content-Type" content="text/html
复制链接

扫一扫