问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

关于腾讯地图api的禁止地图拖动问题

头像
zeki
    14851926

    腾讯地址api配置了draggable: false，禁止了地图拖动，但是地图却无法使用缩放了。
    现在的需求是要禁止拖动地图，但是缩放功能还要可以正常使用。

    javascriptcsshtmlhtml5
    阅读 7.1k
    1 个回答
    得票最新
    头像
    spencerht
      7.8k2728
      <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>禁用滚动和拖动</title>
<style type="text/css">
*{
    margin:0px;
    padding:0px;
}
body, button, input, select, textarea {
    font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
p{
    width:603px;
    padding-top:3px;
    overflow:hidden;
}
.btn{
    width:142px;
}
#container{
    min-width:600px;
    min-height:767px;
}
</style>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>
<script>

//初始化函数
var init = function() {
    //获取地图显示控件
    var map = new qq.maps.Map(document.getElementById("container"),{
        //加载地图经纬度信息
        center: new qq.maps.LatLng(39.916527,116.397128),
        zoom: 13,                       //设置缩放级别
        draggable: false,               //设置是否可以拖拽
        scrollwheel: true,             //设置是否可以滚动 ！！此处修改！！
        disableDoubleClickZoom: true    //设置是否可以双击放大
    });
}
</script>
</head>
<body onload="init()">
<div id="container"></div>
</body>
</html>

      上段代码来自于腾讯地图文档示例，经过了一个参数的修改
      原示例地址

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题