• 百度地图-设置地图最小、最大级别


    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 {
    		 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、实现结果


  • 相关阅读:
    SaltStack概述及安装
    Zabbix高可用
    Zabbix数据库表结构
    asp select count(*) 用 open还是excute
    asp+jquery+ajax,asp后台程序执行不正常
    aspupload ,在winows server 2008 下无法使用
    jquery 如何使用innerHTML
    thinkphp的select和find的区别(转)
    centos安装PHP-pdo支持pdo
    Excel 2007 打开 UTF-8 编码 CSV 文件的乱码BUG
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314197.html
Copyright © 2020-2023  润新知