百度地图开发（2）缩放地图

最新推荐文章于 2022-08-30 09:56:41 发布

L蓝镜J

最新推荐文章于 2022-08-30 09:56:41 发布

阅读量667

点赞数

分类专栏：百度地图开发

本文链接：https://blog.csdn.net/weixin_42007636/article/details/104253620

版权

本文基于HTML、CSS和JS基础，介绍如何在百度地图开发中添加地图缩放功能。通过调用myMap.enableScrollWheelZoom(true)使地图支持鼠标滚轮缩放，实现更便捷的用户体验。

摘要由CSDN通过智能技术生成

温馨提示：学习百度地图开发得有HTML CSS JS基础哦：）

我的课件目标是：如果对于学习的人来说很难看懂或理解，就证明我的表达方式有问题：），还请指出，以便加以改正！

在我的文章：百度地图开发（1）初始化地图的代码基础之上

增加地图缩放的代码即可，如下：

myMap.enableScrollWheelZoom(true);

然后就可以用鼠标滚轮来缩放地图了：

所有源码如下：

<!DOCTYPE html> <!--第二步：用标准的H5文档申明-->
<html>
<head>
    <!--第三步：给HTML文档添加上适合移动端展示的meta标签-->
    <meta name='viewport' content='width=device-width,initial-scale=1.0,user-scalable=no' />
    <!--第五步：引用百度地图API文件-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=87bhSHFvwrzb02vglA3WhW3sWYpI6zG1"></script>
    <!--第四步(2)：设置地图容器的样式-->
    <style>
        html,body{
            margin:0;

最低0.47元/天解锁文章

L蓝镜J

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
百度地图开发（2）缩放地图

温馨提示：学习百度地图开发得有HTML CSS JS基础哦：）我的课件目标是：如果对于学习的人来说很难看懂或理解，就证明我的表达方式有问题：），还请指出，以便加以改正！在我的文章：百度地图开发（1）初始化地图的代码基础之上增加地图缩放的代码即可，如下：myMap.enableScrollWheelZoom(true);然后就可以用鼠标滚轮来缩放地图了：所有源码如下：&...
复制链接

扫一扫