百度地图API的鼠标滚轮缩放功能莫名其妙的失灵

sunnybo333 2014-06-22 01:25:26

用c#.net 做了个winform的地图标注软件但是有个问题假如我现在选的是奇数行使用了滚轮的缩放之后所有偶数行的鼠标滚轮缩放就失灵了。。。现在只要最小化再还原窗口或者点一下鱼骨的缩放功能滚轮缩放就好使了但是奇数行的缩放功能就不好用了。。。这到底是什么原因是百度地图API的毛病吗我现在把代码删的就剩这几句了但还是这毛病

private void button11_Click(object sender, EventArgs e)

        {

            Object[] objArray = new Object[2];

            objArray[0] = 123.442169;

            objArray[1] = 41.811441;

            this.webBrowser1.Document.InvokeScript("maker", objArray);

        }



        private void button12_Click(object sender, EventArgs e)

        {

            Object[] objArray = new Object[2];

            objArray[0] = 123.418561;

            objArray[1] = 41.812489;

            this.webBrowser1.Document.InvokeScript("maker", objArray);

        }

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}

#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}

#r-result{height:100%;width:20%;float:left;}

</style>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=CE44c78c410e2c801253586c748d43f6"></script>

<script type="text/javascript" src="http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>

<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>

<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />





<title></title>

</head>

<body>

<div id="geo" style="display:none"></div>

<div id="lng" style="display:none"></div>

<div id="lat" style="display:none"></div>

<div id="allmap" ></div>



</body>

</html>

<script type="text/javascript">

    var map = new BMap.Map("allmap");

    map.centerAndZoom("沈阳",11);

    map.addControl(new BMap.NavigationControl());

    map.addControl(new BMap.ScaleControl());

    map.addControl(new BMap.OverviewMapControl());

    map.enableScrollWheelZoom();

    map.addControl(new BMap.MapTypeControl());

    map.setCurrentCity("沈阳");

    function maker(x, y) {



        var mkr = new BMap.Marker(new BMap.Point(x, y));

        map.centerAndZoom(new BMap.Point(x, y), 15);



    }

   

</script>

...全文

3978 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

lh1016859567 2017-03-11

打赏
举报

我也遇到了这个问题，对比查找后发现是缩放等级的数据类型问题 centerAndZoom 这个方法后一个参数必须是int类型，如果不小心设置为float就会出现以上问题，希望后来的人少走弯路。

启四 2017-02-21

打赏
举报

// map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT })); 去掉上面这行代码，这个是给地图加个小窗口，去掉后就可以用缩放了

hefei_cscs 2016-01-28

打赏
举报

map.enableScrollWheelZoom();//启动鼠标滚轮缩放地图

hefei_cscs 2016-01-28

打赏
举报

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> Hello, World</title> <script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=true"> </script> </head> <body> <div style="width:520px;height:340px;border:1px solid gray" id="container"> </div> </body> </html> <script type="text/javascript"> var map = new BMap.Map("container"); // 创建Map实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point,15); map.enableScrollWheelZoom();//启动鼠标滚轮缩放地图 map.enableKeyboard();//启动键盘操作地图 // 初始化地图,设置中心点坐标和地图级别。 </script>