zoukankan      html  css  js  c++  java
  • 百度地图-设置地图最小、最大级别

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


  • 相关阅读:
    Swift之 ? 和 !
    objective-c工程使用swift
    NSMethodSignature和NSInvocation的用法
    NSTimer
    iOS 的 XMPPFramework
    计算string高度
    python学习:猜数字小游戏
    python 各种控制语句
    ③ 小程序的代码组成
    ③ 组件&props
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314197.html
Copyright © 2011-2022 走看看