Vue Baidu Map ——学习笔记（三）地图容器样式操作（附示例）

氪精大佬

于 2020-04-29 10:10:54 发布

阅读量1.1k

点赞数

分类专栏：百度地图个人学习 vue 文章标签： vue 街景地图

本文链接：https://blog.youkuaiyun.com/weixin_44000275/article/details/105833272

版权

这篇博客介绍了在Vue项目中如何操作Baidu Map的地图容器样式，提供了详细的示例代码，并提醒读者注意某些属性的生效需要地图组件重新加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

由于学习时间有限，只测了容器的属性，它的一些事件没有尝试，后面又用到在说吧，干货全在代码注释中

示例

基本涵盖了所有的属性
1.template

<template>
    <div>
        <baidu-map
          class="map"
          :center="mapItem.center"
          :zoom="mapItem.zoom"
          :map-type="mapItem.mapType"
          :high-resolution="mapItem.highResolution"
          :map-click="mapItem.mapClick"
          :dragging="mapItem.dragging"
          :scroll-wheel-zoom="mapItem.scrollWheelZoom"
          :double-click-zoom="mapItem.doubleClickZoom"
          :keyboard="mapItem.keyboard"
          :inertial-dragging="mapItem.inertialDragging"
          :continuous-zoom="mapItem.continuousZoom"
          :pinch-to-zoom="mapItem.pinchToZoom"
          :auto-resize="mapItem.a

最低0.47元/天解锁文章