百度地圖-設定地圖最小、最大級別
阿新 • • 發佈:2019-01-22
1、問題背景
地圖可以設定最小級別和最大級別,利用minZoom、maxZoom屬性進行設定
2、實現原始碼
<!DOCTYPE html> <html> <head> <title>設定地圖最小、最大級別</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ak金鑰"></script> <style> body,html,#allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微軟雅黑"; } </style> </head> <body> <div id="allmap"></div> </body> </html> <script type="text/javascript"> //minZoom:設定地圖允許的最小級別,maxZoom:設定地圖允許的最大級別 var map = new BMap.Map("allmap", { minZoom : 1, maxZoom : 18 }); //初始化地圖,設定武漢城市 map.centerAndZoom(new BMap.Point(114.309531, 30.59619), 6); //啟用滾輪放大縮小 map.enableScrollWheelZoom(true); //禁用地圖拖拽 map.disableDragging(true); //禁用滾輪放大縮小 map.disableScrollWheelZoom(true); //啟用鍵盤操作 map.enableKeyboard(true); </script>
3、實現結果