百度地图设置鼠标缩放地图enableScrollWheelZoom

六月初六月初 地图开发 2018-12-02 15:05:40

百度地图设置鼠标滚动缩放地图！

主要代码：

map.enableScrollWheelZoom();//设置鼠标滚动缩放百度地图

完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--引用百度地图API-->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=这里的ak需要自己注册个账号申请"></script>
	</head>
	<body>
		<!--百度地图容器-->
		<div  id="map" style="height: 500px;"></div>			    
	</body>
	<script>
		initMap()
		//创建和初始化地图函数：
	    function initMap(){
	      createMap();//创建地图
	      setMapEvent()
	    }
	    function createMap(){ 
	      map = new BMap.Map("map"); 
	      map.centerAndZoom(new BMap.Point(103.632988,30.995601),13);
	    }
	    function setMapEvent(){
	      map.enableScrollWheelZoom();//设置鼠标滚动缩放百度地图
	    }
	</script>
</html>

结语：鼠标滚动缩放百度地图设置！

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！