百度地图实现普通地图、卫星图、三维图、混合图（卫星图+路网）

最新推荐文章于 2024-03-06 17:11:23 发布

男人要霸气

最新推荐文章于 2024-03-06 17:11:23 发布

阅读量2.5w

点赞数 5

分类专栏：百度地图

原文链接：https://blog.csdn.net/qq_36178899/article/details/81295438

版权

百度地图专栏收录该内容

1 篇文章 1 订阅

订阅专栏

在这里插入图片描述

普通街道视图：BMAP_NORMAL_MAP
三维视图：BMAP_PERSPECTIVE_MAP
卫星视图：BMAP_SATELLITE_MAP
卫星和路网的混合视图：BMAP_HYBRID_MAP

<!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.setMapType(BMAP_NORMAL_MAP); //普通地图
	//map.setMapType(BMAP_HYBRID_MAP); //混合地图
	//map.setMapType(BMAP_SATELLITE_MAP); //卫星地图
    map.setCurrentCity("北京市");  //设置当前城市
</script>

添加控件直接变成2D，混合，三维。

map.addControl(new BMap.MapTypeControl());          //添加地图类型控件

开心一刻

去医院，坐长凳上排队等候，突然很想放屁，但是人多不太好意思。于是拿出手机打开汤姆猫，声音调最大点了放屁。就在我暗自庆幸没人发现的时候。后面一哥们回头看着我说：“兄弟你用的是什么牌子的智能手机，手机里放屁，我都能闻到臭味。” 我：······

在这里插入图片描述

男人要霸气

关注

5
点赞
踩
20

收藏

觉得还不错? 一键收藏
8
评论
百度地图实现普通地图、卫星图、三维图、混合图（卫星图+路网）

普通街道视图：BMAP_NORMAL_MAP透视图像视图：BMAP_PERSPECTIVE_MAP卫星视图：BMAP_SATELLITE_MAP卫星和路网的混合视图：BMAP_HYBRID_MAP<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="te...
复制链接

扫一扫