百度地图三维效果实现

简介:

之前用百度地图都是用的二维地图,现在发现百度地图支持三维效果,欲实现三维效果只需添加如下两句代码即可:

    map.setMapType(BMAP_PERSPECTIVE_MAP);     //修改地图类型为3D地图
    map.setCurrentCity("北京市");  //设置当前城市

,整体代码如下:

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		#allmap{width:100%;height:500px;}
		#r-result{width:100%;margin-top:5px;}
		p{margin:5px; font-size:14px;}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5qnG3inG4VhPZOcjNwj4ycZN"></script>
	<title>百度三维地图</title>
</head>
<body>
	<div id="allmap"></div>	
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.404, 39.915);
	map.centerAndZoom( point,18);

	// 将标注添加到地图中
	//marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
	//marker.enableDragging();
	map.setMapType(BMAP_PERSPECTIVE_MAP);     //修改地图类型为3D地图
    map.setCurrentCity("北京市");  //设置当前城市
</script>


相关文章
|
算法 定位技术
Threejs中使用A*算法寻路导航,Threejs室内室外地图导航
Threejs中使用A*算法寻路导航,Threejs室内室外地图导航
757 0
Threejs中使用A*算法寻路导航,Threejs室内室外地图导航
|
5月前
|
定位技术 API 开发工具
uniapp 实现地图距离计算
uniapp 实现地图距离计算
123 0
|
7月前
|
C++ 计算机视觉 Python
C++ VS OpenGL绘制教室三维立体旋转图像
C++ VS OpenGL绘制教室三维立体旋转图像
75 0
C++ VS OpenGL绘制教室三维立体旋转图像
|
9月前
|
数据可视化 JavaScript 定位技术
地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果
地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果
374 0
|
10月前
|
小程序 定位技术
小程序地图转百度地图坐标
小程序地图转百度地图坐标
102 0
|
定位技术 数据库
利用 QGIS 绘制洞穴地图
利用 QGIS 绘制洞穴地图
127 0
利用 QGIS 绘制洞穴地图
|
前端开发 数据可视化 定位技术
Threejs - 搭建三维场景
Threejs - 搭建三维场景
Threejs - 搭建三维场景
|
数据可视化 物联网 5G
地铁站室内导航的新实践-实景化第一人称三维导航
地铁站、火车站、城市综合体、商业中心、政务办事中心等场所是人流汇集的重要节点,特别是一些换乘车站、地铁商业综合体等大型建筑,内部结构复杂,设施多样化,人流密集交织,如何让用户更方便的到达目的地,提升用户的体验,是运营者面临的一个重要课题。
706 0
地铁站室内导航的新实践-实景化第一人称三维导航
|
JSON 数据可视化 定位技术
基础平面地图教程
基础知识学习:GCJ-02坐标系、GeoJson格式、坐标拾取器—高德地图;基础平面地图:地图容器、底图层(地图瓦片层)、背景图、点图层(散点层、呼吸气泡层、点热力层、流式气泡层)、线图层(线热力层)、面图层(区域热力层、区域(行政)下钻层、等值面层、网格热力层)、地图交互(回调ID)。
14227 0