百度离线地图---加载卫星地图（二）

最新推荐文章于 2023-10-11 16:52:54 发布

yb305小白

最新推荐文章于 2023-10-11 16:52:54 发布

阅读量1.2k

点赞数 1

分类专栏：地图——百度地图文章标签：百度离线地图

本文链接：https://blog.csdn.net/yb305/article/details/121624262

版权

地图——百度地图专栏收录该内容

21 篇文章 2 订阅

订阅专栏

<!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:900px; overflow: hidden;}
	</style>
	<script type="text/javascript" src="./map_load.js"></script>
	<title>加载卫星地图</title>
</head>
<body>
	<div id="allmap" style="overflow:hidden;zoom:1;position:relative;">	
		<div id="map" style="height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;"></div>
	</div>
	<script type="text/javascript">
	loadMap();
	//加载地图
	function loadMap(){
		var map = new BMap.Map("map",{minZoom:10,maxZoom:11});//限制缩放级别
		var point = new BMap.Point(117.212403,39.095359);  // 创建点坐标121.450933,30.790778  
		map.centerAndZoom(point, 11);
		map.enableScrollWheelZoom();  
		map.addControl(new BMap.MapTypeControl({//添加地图类型控件
			mapTypes:[
				BMAP_NORMAL_MAP,
				BMAP_HYBRID_MAP
			]}));	
		map.setMapType(BMAP_HYBRID_MAP);//设置卫星地图
    };
</script>
</body>
</html>

百度网盘下载：https://pan.baidu.com/s/1g0odFslmo1bHC8DK5Amd_A 提取码: i9ku

yb305小白

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度离线地图---加载卫星地图（二）

<!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: 1.
复制链接

扫一扫