百度地图的立体效果来实现

最新推荐文章于 2022-05-06 10:46:03 发布

weixin_33843409

最新推荐文章于 2022-05-06 10:46:03 发布

阅读量1.1k

点赞数

文章标签： javascript 移动开发 ViewUI

百度映射用于使用二维映射图之前。如今，百度地图找到支持立体效果。为了实现立体效果只需要添加以下两个示例代码可：

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>

weixin_33843409

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图的立体效果来实现

百度映射用于使用二维映射图之前。如今，百度地图找到支持立体效果。为了实现立体效果只需要添加以下两个示例代码可： map.setMapType(BMAP_PERSPECTIVE_MAP); //改动地图类型为3D地图 map.setCurrentCity("北京市"); //设置当前城市，总体代码例如以下：&lt;!DOCTYPE html&gt;...
复制链接

扫一扫